扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这篇文章主要讲解了“如何快速入门HTML”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“如何快速入门HTML”吧！
成都创新互联是一家专业提供枣阳企业网站建设,专注与成都网站建设、成都做网站、H5响应式网站、小程序制作等业务。10年已为枣阳众多企业、政府机构等服务。创新互联专业网站设计公司优惠进行中。
html网页语法结构如下：
1、标题字体：一对
1） 一级标题
2） 二级标题
3） 三级标题
4） 四级标题
5） 五级标题
标题字体用到的属性是“ALIGN”，用来控制标题文字的水平对齐方式：
Left（居左对齐）、Right（居右对齐）、 Center（居中对齐）。
语法为：
说明：（1）其中“*”表示数字1—6
（2）“”之中为Left、Right或者Center三者之一。
默认为 align=left
2、文章字体：标记用于在HTML文档中设置文本大小与颜色。
文章字体用到的属性为SIZE与COLOR：
1） SIZE 取值从1到7，代表字体尺寸从最小到最大，其中SIZE属性的缺省值为3，也可在所取数值前加控制符：“+”代表加大字体，“—”则反之。
2） COLOR有两种表示方法：
A. 英文字母：black（黑色）、white（白色）、red（红色）、green（绿色）、blue（蓝色）、yellow（黄色）、aqua（浅绿 色）、fuchsia（紫红色）、gray（灰色）、lime（橙色）、maroon（栗色）、purple（紫色）、olive（橄榄）、 silver（银色）
B. 用6个16进制的字母表示，也就是0—F之间取值，称为RGB值：0代表的颜色最暗，F代表的颜色最亮，如“000000”是黑色，“ffffff”是白色。
文章字体语法：
文章文字
说明：其中SIZE属性可以选择1—7；COLOR属性值可以选择RGB值或者预定义颜色名称（即英文字母）。
标记
不空一行
段落标记 空一行 相当于
3、 物理字体：用来给文本赋以某种显示属性，而不必考虑文本的逻辑含义。
1） 或者：用来指示以粗体字显示文本。（大多数WEB浏览器都认为是黑体）。
2） 或者：用来指示以斜体字显示文本。
3） ：用来指示为文本加下划线。没有颜色属性，文本颜色就是它的颜色
4） ：指示以上标方式显示文本。
5） ：指示以下标方式显示文本。
6） ：用来指示在文本的正中央画一条删去线。没有颜色属性，文本颜色就是它的颜色
4、 逻辑字体：是命令各种浏览器对控制符容器中的字符进行相对的修饰。
1） ：一般强调文字，字体是意大利斜体。
2） ：着重强调文字，以黑体（加粗）字显示。
3） ：代表一个HTML元素示例的文字。
4） ：输出示例中的文字。当浏览器遇到标记时，就根据系统默认设置格式化标 记之间的文本。一般它以比标准字体较小的字体样式显示文字，而且文字宽度固定。
5） ：代表一个键盘按键的文字。
6） ：定义变量或者值的文字。斜体显示。
7） ：定义文字。斜体显示。
8） ：引用文字，意大利斜体显示。
9） ：小号字体。
10） ：大号字体。
说明：标记与标记可产生同样的效果，但后者对字形的控制更加精确。版本可用于早期的浏览器版本，但 早期版本不支持标记。
5、 字符实体：
在往HTML文档中写入特殊字符，要使用特殊的代码，浏览器会用HTML命令对这些特殊代码进行翻译。
下面就是以字母或数字表示的特殊符号的常用举例：
；：空格
！；：！
&#quot；：”
#；：#
$；：$
%；：%
&#amp；&；：&
'；：’
（；：（
）；：）
*；：*
+；：+
，；：，
-；：—
。；： 。
/；：/
0；-9；：数字从0到9
：；： ：
;；： ；
<；<；：<
=；：=
>；>；： >
？；：？
@；：@
A；-Z：大写字母从A到Z
[；：[
\；：\
]；：]
^；：^
_；：_
——；：——
a；-z：小写字母从a到z
； ；：不换行空格
6、 文字对齐：
也可以设置段落对齐。用法与
1）
说明：ALIGN属性可以用“LEFT”、“CENTER”、“RIGHT”，分别对应于将标记中间的字符块按照左、中、右对齐。
2）
说明：这个标记没有属性，它的作用是将标记中间的字符居中对齐，它的作用和
3）
段落
说明：
和
7、 文字移动：用文字编排各种WEB页面时，难免会有一些需要强调的部分，设置动态效果会起到强调突出文本的作用。页面的移动，必须在浏览器中才能看到。
文字移动所包含的主要内容有：
A. 文字移动方向的设置
B. 文字移动方式的设置
C. 文字移动循环的设置（次数）
D. 文字移动速度与延时的设置
E. 文字移动底色的设置
F. 文字移动面积的设置
1） 语法：
说明：DIRECTION属性的属性值是取“LEFT”、“RIGHT”两个值，分别对应将中间的字体向左、右移动。
2） 语法：
说明：BEHAVIOR属性的属性值是取“SCROLL”、“SLIDE”、“ALTERNATE”三个值，分别对应将中间的字体循环移动、只移动一次、在屏幕中间左右移动。
3） 语法：
说明：LOOP属性的属性值是取一个数值，表示将中间的字体循环移动的次数。
4） 语法：
说明：SCROLLAMOUNT属性的属性值是取数字值，对应将中间的字体循环移动的速度。数值越大，表示速度越快。
5） 语法：
说明：SCROLLDELAY属性的属性值是取数字值，对应将中间的字体循环移动的延时。设置这个参数也会影响到文字移动的速度。
6） 语法：
说明：
A. HEIGHT属性的属性值是取数字值，这个属性控制了文字移动面积的高度。
B. WIDTH属性的属性值是取数字值，这个属性控制了文字移动面积的宽度。
C. BGCOLOR属性的属性值可以取RGB值，或者用预定义值，它控制了移动文字的背景颜色。
8、 文字中行的控制：
主要包括两个内容：
A. 分段：在文本中另起一段。
B. 换行：在文本中另起一行。
1）
的语法：
说明：ALIGN属性是可选的。它的属性的属性值可以取“LEFT”、“CENTER”、“RIGHT”三个值中的值，这个属性控制了段落中的文字在WEB页面中的对齐方式。注意：有些浏览器不支持右对齐方式。
当我们单独定义一个空行时，我们习惯使用
的双标记形式，所以
是HTML中唯一一个不能明确定义是双标记还是单标记的一个标记。
2） 语法：
说明：这个标记是单标记。
9、 列表：常用的有三种类型的列表，分别是无序列表、有序列表、定义列表。列表单
元允许嵌套。
结构：
A. 起始标记：定义了整个列表的开始，同时定义这个列表的属性。
B. 定义每一个选项。
C. 列表的结束。
1） 无序列表：
A. 语法：
说明：
l
l TYPE属性可以分别取三个值“DISC”、“SQUARE”、“CIRCLE，它们是用来控制强调符风格的属性，三个值分别对应实心圆点，实心方块，空心圆圈。在FRONTPAGE里，除DISC外的其它两个属性必须使用小写时浏览器才可识别。
l COMPACT属性是个无值属性（名称标记），用来使列表的表项用紧凑格式紧凑表示。
B. 语法：
说明：
l TYPE属性是可选的，一般情况下是不需要的，因为在整体列表定义时应该已经定义完毕，只有在极少数情况下，需要使不同表项的强调符不同，才有必要在这里 定义这个属性。属性值的选择和前面列表的属性选项一致。（在FRONTPAGE里，除DISC外的其它两个属性必须使用小写时浏览器才可识别。）
2） 有序列表：
语法：
说明：
l
l TYPE属性可以分别取五个值“1”、“a”、“A”、“i”、“I”，它是用来控制强调符风格的属性，五个值分别对应数字、小写字母、大写字母、小写罗马数字、大写罗马数字。
l START属性是一个数字，表示从第几个数字（字母）开始计数值为数值。例：4
l COMPACT属性是个无值属性（名称标记），用来使列表的表项用紧凑格式紧凑显示。
3） 定义列表：一般用来定义术语，有时也将定义列表称为词汇列表。定义列表的列表项分成两部分，一部分是需要定义的术语，另一部分是该术语的定义。
A. 语法：
说明：
l
l COMPACT属性是个无值属性（名称标记），用来使列表的表项用紧凑格式紧凑显示。
l
B. 语法：
说明：
l
C. 语法：
说明：
l
l
预格式化：
单元用来包含一段预先编排好格式的文本，WEB浏览器将把起始标记与结束标 记之间的文本按照原代码中的格式原封不动的再现出来，单元的结束标记是必需的， 不能省略（实践证明可以省略，不会影响什么？）。与一般段落有所不同，对于预格式文本来说，自动换行是被禁止的，以便保证预先编排的格式不被破 坏。单元有一个可选属性“WIDTH”，它用来设置文本的宽度，单位是字符数。“WIDTH”属性可以使浏览器选择适当的字体，以 使整个PRE单元的文本适应当前窗口的宽度。单元还应该注意下述几个问题：l 语法规则中列举的文本级标记，例如等允许出现在
单元，但是他们并没有全部得到所有浏览器的支持。l 段落标记
不允许出现在
单元内部，但如果强制如此，浏览器一般会将其看作两个换行。l 因为
单元内部允许有其他HTML标记出现，故一般不可以不加改变地将一段ASCII文本添加 上后直接插入到HTML文档之中。若文本中存在“>”“<”“&”等特殊字符，应事 先将其转换为相应的字符实体。链接：是WWW的基础，也是核心。单击这些链接，读者就能从当前WEB页的当前位置跳转到Internet的任何一个部分。Anchor:锚 简写：A
说明：
l “HREF”是超文本引用的意思它是标记的属性，可以将需要链接页面的地址放在“HREF”之后的引号中进行链接。
l URL（Uniform Resource Locator）：统一资源定位符，是WEB页的地址。
l URL后面跟的“#NAME”部分是指定页面的指定部分的标识，它是通过在目的页面的定义的名称。
l URL部分可以使用的协议和目的类型主要有以下几种：
2 内部链接
2 外部链接
2 文件下载地址
2 电子邮件地址
加入图片：大多数浏览器都支持两种图形格式：GIF（图形互换格式）和JPEG（联合图像专家组）。
语法：
说明：
l “SRC”表示图片的来源，与标记的“HREF”的属性一样，可以为
标记的“SRC”属性指定完整的Internet地址。如果图像文件与HTML文件在同一个文件夹内，也可以仅指定文件名，即使用相关地址。
l 属性“ALIGN”属性则标识了图片在页面中的对齐方式，分别取值为“LEFT”、“RIGHT”、“TOP”、“MIDDLE”、“BOTTOM”，对应于左、中、右对齐。（若标记
中不包含ALIGN属性，图像将于靠近它的文字底部对齐。
l “BORDER”属性标识了图片的边框线的宽度，数值越大，边框线越宽。
l “ALT”属性是在图片显示后，对于图片的一段描述文字，这段文字是在当浏览者将鼠标放置到该图上，停止一段时间后，页面上自动会弹出一个黄色的文本框，里面的文字，就是我们写在引号中的内容。
13、水平线：
标记用来在WEB页面上画出一条水平标尺线。使用标尺线是为了将HTML文档在逻辑上分隔成不同主题的分区，从而使文档便于阅读。
单元只有起始标记
没有结束标记。语法：
说明：
l ALIGN属性用来设置水平标尺线的对齐方式，“LEFT”为水平线与页面的左边对齐，“CENTER”为水平线与页面的中间对齐，“RIGHT”为水平 线与页面的右边对齐，缺省时标尺线居中。ALIGN属性只有在设置了比浏览器窗口宽度小的“WIDTH”属性时才有实际意义。
l WIDTH属性用来设置水平标尺线在水平方向上的宽度，即水平标尺线的长度。
l SIZE属性设置水平标尺的粗细，单位是像素数。SIZE属性只能取整数值，缺省值为2。
l NOSHADE属性是一个名称记号，用于取消水平标尺线的阴影，即画出一条简单的实线，没有三维效果。
表格：是指按照一定顺序将文本及图形按照一定方式进行排列。是组织数据的一种十分有效的方式。与列表相比，表格可以容纳更多的内容，而从表现效果来看，表 格的形式也更加完美。表格中由行和列分隔成的格子称为表元（cell），是矩形区域，它可以包含文本，图像和HTML标记。可将其他HTML元素放入表格 单元中，但一个单元中使用的标记不能持续作用到其他单元。也就是说，如果要在一个表元中间放一个双标记，那么一定要在表元结束之前，结束这个双标记。用以 分隔表元的行列线则称为表格的边框线（border），表元的内容分成两类，一类是表头，一类是表数据。
感谢各位的阅读，以上就是“如何快速入门HTML”的内容了，经过本文的学习后，相信大家对如何快速入门HTML这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是创新互联，小编将为大家推送更多相关知识点的文章，欢迎关注！
网站题目：如何快速入门HTML
本文URL：http://kswjz.com/article/jopijc.html
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网