常用的标签(字母不区分大小写)
标签可以合理的嵌套
html的注释: <!-- 注释的内容 -->
一个网页只能有一对<html></html>
<body>与</body>的内容主要是网页的显示内容
<font>:字体标签,例子:<FONT size="30" color="red">这个是我的第一个网页</FONT>
<img>:这个是图片 例子:<img src="path" width="100" height="142"/>
<h1> 与 </h1> 之间的文本被显示为标题 (有h1~h6)
<p>与</p>之间的文本显示为段落 ,这个标签是一个块级元素,显示完内容会换行
<a href="http://www.baidu.com" target = “_blank”>baidu</a>:链接标签,在 href 属性中指定链接的地址。在HTML5之前,
还可以做锚点 target :表示点击后链接的显示方式
<br/>标签定义换行
<hr /> 标签在 HTML 页面中创建水平线。
<table><tr> <td></td></tr></table>:定义表格 ,tt:表示行 td:表示列
<b></b>:加粗
<pre></pre>之间的内容会按照你写的内容格式完全显示
<del></del>::删除线
<ins></ins>:下划线(插入字)
<i>:定义斜体字。
<sub>:下标
<sup>:上标
<center>:定义居中的内容
<s> 和 <strike>:定义删除线文本
下面这行定义了命名锚:
<a name="tips"
>Useful Tips Section</a>
将 # 符号和锚名称添加到 URL 的末端,就可以直接链接到 tips 这个节,就像这样:
<a href="http://www.w3school.com.cn/html/html_links.asp#tips">
Jump to the Useful Tips Section
</a>
表格的表头
表格的表头使用 <th> 标签进行定义。
<table border="1">
<tr>
<th>Heading</th>
<th>Another Heading</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
在浏览器显示如下:
Heading | Another Heading |
---|---|
row 1, cell 1 | row 1, cell 2 |
row 2, cell 1 | row 2, cell 2 |
注意:标签内的多个空格会显示为一个,除非使用全角的空格
属性:
<h1 align = "center">this is a h1</h1>:align:表示显示内容的位置
<body bgcolor="yellow"></body> :bgcolor定义背景颜色。
<table border="1"> </table>:border定义边框的宽度。“0”表示没有边框
class : 在使用选择器的时候需要用到(CSS中对应类选择器)
id:在使用选择器的时候需要用到(CSS中对应id选择器)
style:行内选择器
title= "规定元素的额外信息"(可在工具提示中显示)
colspan:<tr> 的属性表示跨列
rowspan:<tr> 的属性表示跨行
cellpadding="10":单元格内容与其边框之间的空白
cellspacing="10":单元格之间的距离
background=“path”:背景
bgcolor:定义背景颜色 color:定义文本颜色
注意:style 属性淘汰了“旧的” bgcolor 属性。style 属性淘汰了旧的 "align" 属性。之后学习的CSS会代替之前在html学的
.htm 还是 .html 文件后缀?
当您保存 HTML 文件时,既可以使用 .htm 也可以使用 .html 文件后缀。我们在实例中使用 .htm。这只是长久以来形成的
习惯而已,因为过去的很多软件只允许三个字母的文件后缀。(在之前的window 系统中网页的后缀名就是。htm)不过
对于新的系统或软件,使用 .html 完全没有问题。