html语法大全

HTML语法⼤全

⼀、认识html

  • html:hypertextmarkuplanguage,超⽂本标记语⾔,超链接(实现页⾯跳转);
  • html结构标准:
      
    
     
     
    
       
      
                                        
      
      Document  
    
        

    HTML 标签

1.html常用标签

1.1标题标签:

——

1.2段落标签:

1.3换行标签(单标签):


,在html5中可以省略/

1.4文本格式化标签:

语义 标签 说明
加粗 或者 更推荐使用标签
倾斜 或者 更推荐使用标签
删除线 或者 更推荐使用标签
下划线 或者 更推荐使用标签

1.5盒子标签:

1.6图像标签:

1.7图像路径:

相对路径分类 符号 说明
同一级路径 图像文件位于HTML文件同一级 如
下一级路径 / 图像文件位于HTML文件下一级 如
上一级路径 ../ 图像文件位于HTML文件上一级 如

1.8超链接标签:

1.9注释标签和特殊字符:

注释标签:

特殊字符:(只需记住空格符、大于号、小于号)

2.表格标签

2.1表格的基本语法:

单元格内的文字

2.2表头单元格标签:

2.3表格属性 (只做了解 后面只通过CSS来设置表格,语法要记住)

属性名 属性值 描述
align left、center、right 表格元素对齐方式
border 1或"" 规定是否有边框,默认为"",表示没有边框
cellpadding 像素值 规定单元格边沿与其内容之间空白,默认1px
cellspacing 像素值 规定单元格之间的空白,默认为2px
width 像素值或百分比 规定表格宽度
height 像素值或百分比 规定表格高度

2.4表格结构体标签 :


2.5合并单元格:

跨行合并:rowspan="合并单元格的个数"
跨列合并:colspan="合并单元格的个数"

3.列表标签 

3.1无序列表 :

  • 列表项1
  • 列表项2
  • 列表项3

3.2有序列表:

  1. 列表项1
  2. 列表项2
  3. 列表项3

3.3自定义列表:

名词1
名词1解释1
名词1解释2
名词1解释3

4.表单标签 :

4.1表单的组成:表单域、表单控件、提示信息

4.2表单域:

4.3表单控件(表单元素)

   4.3.1输入表单元素:

 type属性的属性值:

属性值 描述
button 定义可点击按钮
checkbox 定义复选框
file 定义输入字段和"浏览"按钮,供文件上传
hidden 定义隐藏的输入字段
image 定义图像形式的提交按钮
password 定义密码字段。该字段中的字符被淹没
radio 定义单选按钮
reset 定义重置按钮。重置按钮会清除表单中的所有数据
submit 定义提交按钮。提交按钮会把表单数据发送到服务器
text 定义单行的输入字段,用户可在其中输入文本。默认宽度为20字符。

 除type属性外,标签还有其他很多属性,其常用属性如下:

属性 属性值 描述
name 由用户自定义 定义input元素的名称
value 由用户自定义 规定input元素的值
checked checked 规定此input元素首次加载时应当被选中
maxlength 正整数 规定输入字段中的字符的最大长度

   4.3.2绑定表单元素标签:

   4.3.3下拉列表标签:

    4.3.4文本框标签


 

你可能感兴趣的:(前端,html5)