HTML视频总结

来源：互联网发布：网络技术交流论坛8864 编辑：程序博客网时间：2024/05/17 05:03

在学一个东西之前必须有“知其然，亦知其所以然”的态度，明白它是从哪来的，为什么要用，以及怎么用。

【什么是HTML？】

超文本标记语言，标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

【HTML用在哪？】

WWW，是World Wide Web（万维网）的缩写，万维网通常也简称为Web，它是由无数的商业、教育、娱乐等资料组成的一个庞大的信息空间。我们在这个信息空间中遨游，浏览、搜寻资料，最终呈现在浏览器中的信息，就是Web页面。Web页面绝大多数都是由HTML所编写的。

【HTML怎么用？】

<1>HTML元素与标签

元素是由单个或一对标签定义的包含范围。一个标签就是左右分别有一个小于号(<)和大于号(>)的字符串。开始标签是指以不以斜杠(/)开头的标签，其内是一串允许的属性－值对。结束标签则是以一个斜杠(/)开头的标签。如：

<body><!—开始标签--><font color=”read”>连接</font> <!—其中color=”read”就是属性－值对。“连接”就是内容--></body><!—结束标签-->

<2>HTML元素的四种形式

空元素

带有属性的空元素<hr color=”blue”>

带有内容的元素<title>连接</title>

带有内容和属性的元素连接

注:在HTML中，属性和标签的大小写无关。属性值可以加双引号，也可以不加。

<3>与段落控制相关的标签

<palign=”#”> 表示paragraph，作用：创建一个段。属性align表示段的对其方式，可以为left，right， justify

表示linebreak 作用：换行

<hrcolor=””>表示horizontal rule 作用：插入一条水平线，属性表示颜色可以用read green也可以用16进制的数，如#ffoooo

<html>        <head><title>静夜思</title></head>        <body>        <p align="center">        静夜思        <hr color="#ffoooo">        <p align="center">        床前明月光，疑是地上霜。<br>        举头望明月，低头思故乡。        </body>    </html>//效果图

<4>与文本显示相关的标签

<center>…</center>：使文本居中显示

<hn align=””>…<hn>：用于指出文档的标题，n是从1到6的整数，1表示最大的标题，属性align表示标题的对齐方式，可以为center,left right

<fontsize=”n”color=””>…：用于设置字体，size表示字体大小，n可以是从1到7的整数，数字越大，显示的字越大。

…：设置文本成为粗体

…：设置文本为斜体

<html>       <head><title>静夜思</title></head>       <body>       <center>       <h1><fontcolorfontcolor="red"><b><i>静夜思</i></b></font></h1>       李白       <hr color="#ffoooo">       <p>       <font color="blue"size=6>       床前明月光，疑是地上霜。<br>          举头望明月，低头思故乡。</font>       </center>     </body>    </html>

<5>如何输入特殊字符

在HTML文档中，像不间断空格，回车等符号，HTML的保留字，一些在键盘中不存在的字符，都需要引用的方式才能输入，在HTML中有两种引用类型：字符引用和实体引用。

字符引用和实体引用都是以一个&开始并以一个分号（;）结束。如果用的是字符引用，需要在&之后加上一个#，之后是所需要字符的十进制代码或者十六进制代码(ISO 10646字符集中的字符的编码)。如果用的是实体引用，在&之后写上字符的助记符。在HTML中空格可以用全角的空格去输入。

<6>HTML中的注释

<7>类表-建立数字编号的列表

使用<ol>和<li>标签创建带数字编号的列表。可以用type属性指定编号系统的类型，A（A,B,C），a(a,b,c),I(III III),i（i ii iii）1（1，2，3）缺省在<ol>标签中使用start属性，设置起始的序号。在<li>标签中使用value属性，改变列表内的编号顺序。使用<ul>和<li>标签创建带有项目符号的列表。Ul中的type属性可以为，disc（实心的圆圈）square（实心的方块）circle（空心的圆圈）使用<dl>和<dt>标签创建无符号的列表，使用<dd>标签替换<dt>创建缩进的列表。在<dl>元素中同时使用<dt>和<dd>标签，建立术语列表。术语列表中的列表项由两部分组成，术语和它的说明。术语由<dt>标签指定，说明由<dd>标签指定。

<8>表格

表格是用<table border= n align=”” bgcolor=””>…</table>，其中border为表格的宽度，缺省为0，就是不显示表格的宽度。

<caption>…</caption>：用于定义表格的标题

<tralign=”” valign=”” >…：属性align指定这一行水平方向的对其方式，可以为leftcenter right .valign指定垂直方向的对齐方式，可以为top,middle,bottom

<th>…</th>：用于定于表头

<td>…</td>：用于定义单元格

<9>超链接

<a href =”URL”>…链接的文字</a><a href=”form.html”>当前的目录</a><a href=../”form.html”>当前的目录的上一层目录</a><a href=”E://form.html”>绝对路径</a><a href=”http://www.baidu.com”>万维网地址</a>

<10>嵌入图像

<imag src=”URL” width=”” height=””>

这篇博客仅仅是对于HTML视频的一个记录，感觉这些东西以后还会深入学习的，短暂的记录一下自己的学习历程吧！

多总结，多读书。

阅读全文

0 0