Skip to content

Latest commit

 

History

History
134 lines (110 loc) · 4.61 KB

HTML文档.md

File metadata and controls

134 lines (110 loc) · 4.61 KB

前端课程课件

  • 课程介绍
  1. HTML (常用标签 网页的基本结构)
  2. CSS (常用样式 网页的显示效果)
  3. JavaScript (用户交换效果 动态效果)
  4. jQuery (JavaScript库 简化原生js操作)
  5. Ajax (异步数据交互 在页面不刷新的情况下进行数据交互)
  6. BootStrap (前段UI框架 快速搭建静态页面并支持不同设备).

HTML概述

一.什到是HTML

  • HTML 用来描述网页的一种语言
  • 超文本标记语言(英语:HyperText Marikup Language)是一种用于创建网页的标准标记语言
  • HTML 不是一种编程语言,而是一种标记语言
  • 标记语言是一套标记标签
  • HTML 文档包含了HTML标签及文本内容
  • HTML 文档也叫做 Wed 页面

二. HTML 是干嘛的

  • 可以使用 HTML 来建立自己的 web 站点,HTML 运行在浏览器上,由浏览器来解析

三. 建立HTML 文件

  • html
  • htm

#. HTML 注释

  • <!--注释内容-->

五. HTML 网页的基本结构

  • 声明为HTML S文档
  • 元素是HTML页的根元素
  • 元素包含了文档的元(neta)数据
  • 元素包含了可见的页面内容

六. HTML 标签结构

HTML 标记标签通常被称为HTML 标签(HTML_tag)

  • HTML 标签是由尖括号包围的关键字
  • HTML 标签通常是成对出现的
  • 标签对中的第一个标签是开始标签,第二个标签是结束标签

<开始标签>内容</结束标签>

七. HTML 元素

HTML 标签 和 HTML元素通常是描述同样意思.一个 HTML元素包含了开始标签与结束标签

八. HTML 属性

  • HTML 元素可以设置属性
  • 属性一般添加在开始标签
  • 属性一般以名称/值对的形式出现,比如:name = "value"

注意:

  • 属性值必须用双引号引起来
  • 标签都用小写字母
  • 双标签必须要写闭合标签

HTML 常用标签

一、 HTML 常用的块级标签(块级元素)

独占一行

有语义的 HTML块级元素

  • 有默认样式

标题(Heading)

  • 通过 H1-H6 标签来定义的

段落

  • 通过标签P来定义的

列表

  • 无序列表ul,li

    • 是一个项目列表,列项目使用粗体圆点(典型的小黑圆圈)进行标记
  • 有序列表ol,li

    • 也是一个项目列表,列表项目使用数字进行标记
  • 自定义标签dl at dd 了解

  • 注意:列表项内部可以使用段落,换行符、图片、链接以及其它列表等等

表格 table, tr ,td

  • 常用属性
    • border 边框
    • cellpading 内容距离表框的距离
    • cellspcing 单元格与单元格之间的距离
    • rowspan 垂直合并(跨行显示)
    • colspan 水平合并(跨列显示)
    • angin 内容水平对其方式
    • valihn 内容垂直对其方式

无意义的块级元素 div

  • 元素没有特别的含义,除此之外,由于它属于块级元素,浏览器会在其前后显示 换行。一般与CSS一同使用
  • 元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法

二、HTML 常用的行级标签(行内元素)

  • 不独占

有语义的行内元素

  • HTML 连接a标签

  • 连接文本 target属性,定义被连接的文档在何处显示,_blank新窗口打开
  • HTML图像

  • 文本标签

  • b 标签 i标签 strong标签 em标签

无语义标签

  • 一般span标签也是配合css使用来设置文本当中一部分内容-

常用的实体字符

  • gt; it; copy

四、表单标签

表单是一个包含表单元素的区域,通过form来定义表单区域

  • 通过type属性定义不同类型的表单控件
    • text 普通文本输入框
    • password 密码输入框
    • radio 单选按钮
    • checked 多选按钮
    • select 下拉框
    • file 文件上传框
    • textarea 文本域
    • subimt 提交按钮
    • reset 充值按钮
    • hidden 隐藏域,要和表单一齐提交的信息
- 常用属性
 - name 属性:表单项名,用于存储内容值
 - value 属性:输入值
 - disable属性:禁用属性
 - readonly属性:禁用属性
 - checked属性:选择和指定默认项
 - placeholder: 提示
 
 - 注意
 - from 有两个必须存在的属性 action提交地址 method 提交方式
 - post 通过request body传送,参数不可见,参数没有大小限制