HTML的基础知识（一）

来源：互联网发布：知乎引用格式编辑：程序博客网时间：2024/05/12 22:41

1、 Html文件的基本格式：开头结尾分别用<html></html>来标记，所有文件都分为两部分，标题和正文，格式如下：

<html>

<head>

</head>

<body>

正文部分

</body>

</html>

2、 Html网页中的段落和文字：

1) 注释：<!—注释内容à用于书写文档源文件的注释，注释内容不会显示在网页上！

2) 标题元素：<h#>…….</h#> #代表1-6中的一个，并且其支持align属性，属性值为left 、right和center，默认为left

例：<h1 align=center>welcome to come!</h1>

3) Font元素：用来设置文档的字体，通过设置属性可以对字体进行不同的设置，属性包括：size、color和face，face用来指定字体名或者字体列表。

<font color=blue size=2>example</font>

4) 分行控制：<br>用于文字换行，只需要在换行处输入<br>的标记，<p>表示一个段落的结束，并且在后面加一空行。

5) 分隔线hr元素，用于在网页上划一条水平分隔线，并可以设定分隔线的粗细！

例：<hr size=2 width=800 align=center>

6) 字符修饰符：物理样式包括 B元素代表粗体，I元素代表斜体，U元素代表带下划线的文字，TT代表它将显示固定大小的字体字符，sup表示用较小的字体将它显示为上标，sub表示用较小的字体将它显示为下标，S表示文字带删除线，strike也是显示带删除线的文字；逻辑样式包括EM对文档中的某段文字进行强调，用斜体字显示，STRONG用粗体字显示，CODE将程序代码显示为等宽字体，SAMP指定一个样本名称，用等宽字体显示，KBD把用户输入的用等宽字体显示，VAR用斜体字显示变量名，DFN指定一个术语的定义实例，CITE指明文档中出现的书名和其他应用内容，small和big分别显示较小和较大字体。

3、超链接：用A元素实现

1） href属性，该元素起始间的文本就变成了超文本（Hypertext）

格式：<A href=url 地址>….</A>或者<A href=url 地址#identifier>….</A>

2） name属性，代表这是连接的目标，但必须唯一。

4、图片标记：

<A href=”url”><img src=url alt=… border=nember></A>(当图片不显示时，在图像位置显示alt中标记的文字)

5、 table表格：<tr>定义表行，<th>定义表头，<td>定义表元，<caption>给表格提供标题

1）<table align=对齐方式 bgcolor=背景色 border表格线宽度 bordercolor=表格线颜色

Height=表格高度 width=表格宽度 cellpadding=n cellspacing=n>

Cellpadding表示单元格内部所显示的内容到表格线的距离，单位是像素

Cellspacing表格线的间隔，单位是像素或者百分比

2）<tr align=对齐方式 valign=垂直对齐方式 height=行高 background=背景图案 bgcolor=背景色 bordercolor=边界颜色> ….</tr>(其中align中包括的justify表示合理调整内容

Valign中包括baseline以基线为准垂直对齐，botton是底端对齐，middle为默认)

3）<td width =宽度 height=高度 align=水平对齐方式 valign=垂直对齐方式 heigh=行高background=背景图案 bgcolor=背景色 bordercolor=边界颜色 colspan=跨列数 rowspan=跨行数>……</td>(colspan水平方向上所跨列数，默认为一，另一个是垂直上所跨行数)