千家信息网

如何快速入门HTML

发表于:2025-02-02 作者:千家信息网编辑
千家信息网最后更新 2025年02月02日,这篇文章主要讲解了"如何快速入门HTML",文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习"如何快速入门HTML"吧!html网页语法结构如下:网页标题主体
千家信息网最后更新 2025年02月02日如何快速入门HTML

这篇文章主要讲解了"如何快速入门HTML",文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习"如何快速入门HTML"吧!

html网页语法结构如下:

  

  

  网页标题

  

  主体内容

  

  1、标题字体:一对标记表明正文中的第一层标题。标题一共有六层(H1—H6),随着数字的增加,标题字体依次减小且自动显示为黑体字。

  1) 一级标题

是HTML文档中最重要的标题,一般将其作用整个HTML文档的标题。

  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)

段落

  说明:

中的ALIGN属性的属性值一样,也是取"LEFT"、"CENTER"、"RIGHT"三个值,分别对应将中间的字体左、中、右对齐。只能对一行文字起作用

  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、 列表:常用的有三种类型的列表,分别是无序列表、有序列表、定义列表。列表单

  元允许嵌套。

0