码迷,mamicode.com
首页 > Web开发 > 详细

2; HTML 基本结构

时间:2019-03-18 09:15:55      阅读:186      评论:0      收藏:0      [点我收藏+]

标签:saml   等等   idt   动态   区域   名称   strong   倾斜   add   

1. HTML 的基本结构

2. HTML 控制标记的格式

3. 最常用的控制标记

本章讲解最基本的 HTML 元素,也就是创建文档结构所需的元素。例如:标题、段落、

页面分隔、注释等等。

2.1 HTML 的基本结构

<html> -------根控制标记

<head> -------头控制标记

<title>标题</title> -------标题标记

</head> -------头控制标记(尾)

<body>

-------网页显示区域

</body>

</html> -------根控制标记()

(1).<html></html>根控制标记

开头和结尾成对出现,双标签

(2).<head></head>头控制标记

1.<title>很单纯的文件标题声明

2.<meta>控制标记的动态文件转换声明

3.<base>超链接网址基准参考点

4.Javascript VBScript 程序

5.stylesheet 可用来设置排版来的声明

6.<link>可引用外部文件,如 CSS 排版样本

(3).<title></title>设置浏览器的视窗标题

(4).<body></body>页面可见内容

2.2 HTML 控制标记的格式

(1).<标记名称>

单一型,无设置值的。

如:<br>

(2).<标记名称 属性=”属性值”>

单一型,有设置值的。

如:<hr width=80%>

(3).<标记名称></标记名称>

对称型,无设置值。

如:<title></title>

(4).<标记名称 属性=”属性值”></标记名称>

对称型,有设置值。

如:<body bgcolor=red></body>

<font size= 7></font>

2.3 最常用的控制标记

(1).跳行 <br>

格式:<br>

无属性设置

(2).段落 <p>

格式:<p align=”排列方式”></p>

属性名称 属性值 说明

align left 往左靠(默认)

center 往中靠

right 往右靠

(3).水平直线 <hr>

格式:<hr>

属性名称 属性值 说明

size 像素 绝对设置,以数字表示,属性值越大,线越粗

百分比 相对设置,以%表示,属性值越大,线越粗

width 像素 绝对设置,长度不会应视窗的改变而改变

百分比 相对设置,长度会随着视窗宽度而改变

noshade 实体线

(4).向中对齐 <center> (被废弃的标签)

格式:<center></center>

(5).背景色与文字设置

格式:<body bgcolor=”背景色” text=”文字颜色”>

整体页面的边距,行距

<body leftmargin=”像素” topmargin=”像素”>

(6).标题文字设置

格式:<h1></h1>

<h2></h2>

<h3></h3>

<h4></h4>

<h5></h5>

<h6></h6>

属性名称 属性值 说明

align left 靠左

center 靠中

right 靠右

(7).特殊字符设置

格式:< lt;

> gt;

& amp;

quot;

(8).HTML 备注

格式:<!---->

(9).实体字符控制标记

1.<b></b>

2.<i></i>

3.<s></s>

4.<u></u> 下划

5.<tt></tt> 电报

6.<sub></sub> 下标

7.<sup></sup> 上标

(10).语意字符控制

1.<address></address> 地址

2.<big></big> 大字

3.<del></del> 删除

4.<ins>...</ins> 修改

5.<samll></small> 小字

6.<strong></strong> 加强语气(加粗)

7.<em>...</em> 加强语气(倾斜)

(11).<font>字体控制 (被废弃的标签)

格式:<font></font>

属性名称 属性值 说明

size 0-7 字体大小

color 英文或十六 颜色

face 字体 字体

(12).格式化

格式:<pre></pre>

让书写的文字格式化!

(13).引用文本

格式:<blockquote>...</blockquote>

属性名称 属性值 说明

cite url 被引用的地址

2; HTML 基本结构

标签:saml   等等   idt   动态   区域   名称   strong   倾斜   add   

原文地址:https://www.cnblogs.com/liu-zhijun/p/10549962.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!