HTML学习笔记

一、什么是HTML？
HTML: hyper text markup language，超文本标记语言。

二、什么是超文本？
网页文件本身是一个文本文件，超文本是指视频、图片、超链接等超出文本范畴的内容。

三、什么是标记语言？
将文本以特殊的文本进行标识的语言，使用标记语言编写的文本都是纯文本，其本身不具有行为能力，只能用来被读取，例如xml、html等等。

四、HTML文本文件
使用HTML语言编写的网页文本，里面可以含有超文本的内容，并且通过标记符，告诉浏览器如何显示其中的内容。浏览器顺序阅读网页文件，解释并显示标记符中的内容，对于错误的标记符，既不提示错误，也不阻止其解释执行。
 

五、文本标签介绍

标签名	标签描述	常用属性
h1~h6	用于创建标题。一共有6级标题，1级标题最大，6级标题最小，标题标签默认字体加粗。	align：标题对齐的方式 取值：center居中、right 右对齐、left 左对齐
hr	绘制一条水平线，没有主体的标签。	width: 宽度 <br />size: 粗细 <br />color: 颜色
font	设置字体，大小，颜色。如果本地没有这个字体，使用默认的字体	color：颜色 <br />size：大小 <br />face：字体
b	对字体加粗标签
i	设置为斜体字
br	换行，没有主体的标签
p	代表一个自然段，段落标记 段与段之间有间隔，没有首行缩进。	title：如果鼠标移动到段落上，会出现提示文字

六、链接标签

<a href="跳转地址URL">文字</a>

• href ： 要跳转到的URL地址

• title：鼠标移上去以后显示提示信息

• target取值：设置网页打开的方式

  • _self: 默认，在当前的窗口中打开页面

  • _blank: 在新的窗口或标签页面中打开页面

七、列表属性

列表标签	属性	说明
ol-li	type属性<br />1 默认使用数字序列 <br />a,A 使用字母序列<br />i,I 罗马数字	有序列表 ol代表列表容器，li 代表列中的每一项
ul-li	type属性 <br />disc ● 默认 <br />circle ○ <br />square ■	无序列表 ul代表列表容器

<ol type="I">
    <li>红烧肉</li>
    <li>番茄炒牛肉</li>
    <li>地沟油薯条</li>
    <li>口水鸡</li>
</ol>

八、图像标签

<img src="图片URL"/> 它是无主体的标签

 

属性名作用src图片的地址，也可以是其它网站图片，width设置图片的宽度，如果只设置宽度，高度会等比缩放，height设置图片的高度，alt如果图片丢失，使用这个文字代替，title鼠标移上去出现提示信息

九、div标签

<div> 元素是块级元素，浏览器会在其前后显示折行。它是可用于组合其他 HTML 元素的容器。<div> 元素是英文division，起到分割的意思。

十、span标签

<span> 元素是内联元素，可用作文本的容器。

<span style="color: red; background-color: yellow;">World Wide Web Consortium</span>万维网联盟创建于1994年<br />
<div style="color: red; background-color: yellow;">World Wide Web Consortium</div>万维网联盟创建于1994年

十一、表格标签

 

标签名	作用
table	表格容器
tr	行
td	列
caption	表格名称
th	列名称
thead	表格头
tbody	表格体
tfoot	表格尾部

 

十二、常用的表格属性

属性名	作用
width	宽度
border	表格外边框
rowspans	跨行
colspans	跨列
align	位置（左右中）
cellspacing	单元格之间的距离
cellpadding	单元格边框与文字之间的距离