HTML5基本结构
1. HTML的基本结构
2. HTML控制标记的格式
3. 最常用的控制标记
讲解最基本的HTML元素,也就是创建文档结构所需的元素。例如:标题、段落、
页面分隔、注释等等。
操作方法
- 01
HTML的基本结构
- 02
1) <html>……</html>:根控制标记 开头和结尾成对出现,双标签
- 03
1) <head>……</head>:头控制标记 (页面上不显示的内容,暂时不需要理解) Ø <title>:很单纯的文件标题声明 Ø <meta> 控制标记的动态文件转换声明 Ø <base> 超链接网址基准参考点 Ø Javascript和VBScript程序 Ø stylesheet可用来设置排版的声明 Ø <link>可引用外部文件,如CSS排版样本
- 04
1) <title>……</title>:设置浏览器的视窗标题
- 05
1) <body>……</body>:页面可见内容
- 06
HTML控制标记的格式
- 07
1) <标记名称> 单一型,无设置值的。 如:<br> 2) <标记名称 属性=“属性值”> 单一型,有设置值的。 如:<hr width=“80%”> 3) <标记名称>…</标记名称> 对称型,无设置值。 如:<title>…</title> 4) <标记名称 属性=“属性值”>…</标记名称> 对称型,有设置值。 如:
- 08
最常用的控制标记
- 09
1) 跳行 <br> 格式:<br> 无属性设置 2) 段落 <p> 格式:<p align=“排列方式”>…</p>
- 10
水平直线 <hr> 格式:<hr>
- 11
1) 向中对齐 <center> (被废弃的标签) 格式:<center>…</center> 示例:
- 12
1) 背景色与文字设置 格式:<body bgcolor=“背景色” text=“文字颜色”> 整体页面的边距,行距 <body leftmargin=“像素” topmargin=“像素”> 示例:
- 13
1) 标题文字设置 格式:<h1>…</h1> <h2>…</h2> <h3>…</h3> <h4>…</h4> <h5>…</h5> <h6>…</h6>
- 14
1) 特殊字符设置 格式:< < > & gt; & & “ " 2) 在HTML注释 格式:<!--…--> 3) 实体字符控制标记
- 15
1) 语意字符控制
- 16
1) <font>字体控制(被废弃的标签) 格式:<font>…</font>
- 17
1) 引用文本 格式:<blockquote>...</blockquote>