HTML常用知识总结

       HTML(Hyper Text Mark-up Language)意思是超文本标记语言,超文本指的是超链接,标记指的是标签,是一种用来制作网页的语言,这种语言由一个个的标签组成,用这种语言制作的文件保存的是一个文本文件,文件的扩展名为html或者htm,一个html文件就是一个网页。

1.HTML的文档类型——xhtml 1.0和html5

xhtml1.0 用 sublime text创建方法: html:xt + tab;

html5 用sublime text创建方法: html:5 + tab 或者 ! + tab。

2.HTML的注释

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

3.HTML常用标签及其特点

<!-- 成对出现的标签  -->
<body>......</body>
<p>......</p>
<div>......</div>
<b>......</b>

<!-- 单个出现的标签  -->
<br />
<img src="..." />
<input type="..." />

<!-- 标签之间的嵌套  -->
<p>
    <span>...</span>
    <a href="...">...</a>
</p>
<div>
      <h3>...</h3>
      <div>
              <span>...</span>
              <p>...</p>
      </div>
</div>

(1)<p>标签定义了一个文本段落

(2)<h1>、<h2>、<h3>、<h4>、<h5>、<h6>标签定义了6种级别的标题

(3)在代码的段落中插入<br />来表示换行

(4)表示空格的字符实体&nbsp;

(5)<与>的字符实体为&lt;&gt;

(6)div标签 块元素,表示一块内容,没有具体的语义

(7)span标签 行内元素,表示一行中的一小段内容,没有具体的语义

(8)em标签 行内元素,表示语气中的强调词

(9)i标签 行内元素,原本没有语义,w3c强加了语义,表示专业词汇

(9)b标签 行内元素,原本没有语义,w3c强加了语义,表示文档中的关键字或者产品名

(10)语义化标签h1标签是表示标题,p标签是表示段落,ul、li标签是表示列表,a标签表示链接,dl、dt、dd表示定义列表

(11)<img>标签插入一张图片,通过“alt”属性定义图片加载失败时显示的文字

(12)HTML的链接 <a>标签可以在网页上定义一个链接地址

(13)定义列表,<dl>标签表示列表的整体,<dt>标签定义术语的题目,<dd>标签是术语的解释。

4.HTML表格

常用标签:

table标签——声明一个表格;

tr标签——定义表格中的一行;

td和th标签:定义一行中的一个单元格,td代表普通单元格,th表示表头单元格

常用属性:

border——定义表格的边框;

cellpadding——定义单元格内内容与边框的距离;

cellspacing——定义单元格与单元格之间的距离;

align——设置单元格中内容的水平对齐方式,设置值有:left | center | right;

valign——设置单元格中内容的垂直对齐方式 top | middle | bottom;

colspan——设置单元格水平合并;rowspan——设置单元格垂直合并

5.HTML表单

<form action='表单数据提交地址'  method属性定义提交的方式>

<!---lable标签定义表单控件的文字标注,

input类型为text定义一个单行文本输入框,

input类型为password定义了一个密码输入框,

input类型为radio定义一个单选框,

input类型为checkbox定义一个复选框,

input类型为file定义上传照片或文件资源,

input类型为testarea定义多行文本输入,

input类型为select定义下拉列表选择,

input类型为submit定义提交按钮,

input类型为reset定义重置按钮 --->

猜你喜欢

转载自blog.csdn.net/codingforhaifeng/article/details/79881126