HTML5基本结构

作者:落知秋 | 创建时间: 2023-07-16
1. HTML的基本结构 2. HTML控制标记的格式 3. 最常用的控制标记 讲解最基本的HTML元素,也就是创建文档结构所需的元素。例如:标题、段落、 页面分隔、注释等等。...
HTML5基本结构

操作方法

HTML的基本结构

1) <html>……</html>:根控制标记 开头和结尾成对出现,双标签

1) <head>……</head>:头控制标记 (页面上不显示的内容,暂时不需要理解) Ø <title>:很单纯的文件标题声明 Ø <meta> 控制标记的动态文件转换声明 Ø <base> 超链接网址基准参考点 Ø Javascript和VBScript程序 Ø stylesheet可用来设置排版的声明 Ø <link>可引用外部文件,如CSS排版样本

1) <title>……</title>:设置浏览器的视窗标题

1) <body>……</body>:页面可见内容

HTML控制标记的格式

1) <标记名称> 单一型,无设置值的。 如:<br> 2) <标记名称 属性=“属性值”> 单一型,有设置值的。 如:<hr width=“80%”> 3) <标记名称>…</标记名称> 对称型,无设置值。 如:<title>…</title> 4) <标记名称 属性=“属性值”>…</标记名称> 对称型,有设置值。 如:

最常用的控制标记

1) 跳行 <br>     格式:<br> 无属性设置 2) 段落 <p>  格式:<p align=“排列方式”>…</p>

水平直线 <hr>     格式:<hr>

1) 向中对齐 <center> (被废弃的标签) 格式:<center>…</center> 示例:

1) 背景色与文字设置 格式:<body bgcolor=“背景色” text=“文字颜色”> 整体页面的边距,行距 <body leftmargin=“像素” topmargin=“像素”> 示例:

1)  标题文字设置 格式:<h1>…</h1>  <h2>…</h2>  <h3>…</h3>  <h4>…</h4> <h5>…</h5>   <h6>…</h6>

1) 特殊字符设置 格式:< <  > & gt;  & &amp;  “ &quot; 2) 在HTML注释  格式:<!--…--> 3) 实体字符控制标记

1) 语意字符控制

1) <font>字体控制(被废弃的标签) 格式:<font>…</font>

1) 引用文本 格式:<blockquote>...</blockquote>

点击展开全文

更多推荐