HTML:HTML基本标记

Myth丶恋晨 2022-06-05 04:05 459阅读 0赞

第二章:HTML基本标记

2.1HTML头部标记head

语法:

  1. <head>......</head>

说明:元素的作用范围是整篇文档,定义在HTML语言头部的内容往往不会在网页上直接显示。

2.2标题标记title

语法:

  1. <title>......</title>

页面的标题只有一个,即在这之间。

2.3元信息标记meta

meta元素提供的信息不会显示在页面中,一般用来定义页面信息的说明,关键字,刷新等。在HTML中,meta标记不需要设置结束标记,在一个尖括号里就是一个meta内容。在一个HTML页面中可以有多个meta元素。meta元素的属性有name和http-equiv,其中name属性主要用于描述网页,以便于搜索引擎查找、分类。
- 2.3.1 设置页面关键字

语法

  1. <meta name="keywords" content="插入具体的关键字">

说明:name为属性名称,这里是keywords,也就是设置网页的关键字属性,而在content中则定义具体的关键字。当用关键字搜索网站时,如果网页中包含该关键字,就可以在搜索结果中列出来。

  • 2.3.2 设置页面说明

语法:

  1. <meta name="description" content="设置页面说明">

说明:设置页面说明也是为了便于搜索引擎的查找,它用来详细说明网页的内容,页面说明在网页中不显示出来。name为属性名称,这里设置为description,也就是将元信息属性设置为页面说明,在content中定义具体的描述语言。

  • 2.3.3 定义编辑工具

语法:

  1. <meta name="generator" content="编辑软件的名称">

说明:编辑工具的名称只会在源码中体现出来,不会显示在浏览器中。

  • 2.3.4 添加作者信息

语法:

  1. <meta name="author" content="作者的姓名">
  • 2.3.5 设置网页文字及语言

语法:

  1. <meta http-equiv="content-type" content="text/html;charset=字符集类型"/>

说明:在网页中还可以设置语言的编码方式,这样浏览器就可以正确的选择语言,而不需要人工选取。在语法中,http-equiv用于传送HTTP通信协议的标头,charset往往设置成gb2312,即简体中文。

  • 2.3.6 设置网页的定时跳转

语法:

  1. <meta http-equiv="refresh" content="跳转的时间;URL=跳转到的地址">

说明:使用标记可以使网页在经过一定的时间后自动刷新,这可以通过将http-equiv属性设置为refresh来实现,content属性值可以设置为更新的时间。默认情况下,跳转时间以秒为单位。

2.4页面注释标记

语法:

  1. <!--注释的内容-->

2.5标题字

  • 2.5.1 标题字标记

语法:

  1. <h1>一级标题</h1>
  2. <h2>二级标题</h2>
  3. <h3>三级标题</h3>
  4. <h4>四级标题</h4>
  5. <h5>五级标题</h5>
  6. <h6>六级标题</h6>

说明:h1是一级标题,使用最大的字号,h6使用最小号的字号

  • 2.5.2标题子对齐属性align

语法:

  1. <align=对齐方式>

说明:默认情况下,标题是左对齐的,对齐方式的取值如下表:






















属性值 含义
left 左对齐
center 居中对齐
right 右对齐

举例:

  1. <!doctype heml>
  2. <html>
  3. <head>
  4. <meta http-equiv="content-type" content = "text/html;charset=gb2312"/>
  5. <title>标题字的对齐</title>
  6. </head>
  7. <body>
  8. <h1>1级标题</h1>
  9. <h2 align = "left">2级标题左对齐</h2>
  10. <h3 align = "center">3级标题居中对齐</h2>
  11. <h2 align = "right">4级标题右对齐</h2>
  12. </body>
  13. </html>

2.6段落标记

  • 2.6.1 段落标记p

语法:

  1. <p>段落文字<p>

说明:段落标记可以没有结束标记/p,而每一个新的段落标记开始的同时也意味着上一个段落的结束。

  • 2.6.2 换行标记br

语法:

  1. <br>

说明:换行标记的作用是在不另起一段的情况下将当前文本强制换行。一个br代表一个换行,连续多个标记可以实现多次换行。

  • 2.6.3 不换行标记nobr

语法:

  1. <nobr>不换行文字</nobr>

说明:在网页中如果某一行的文本太长,浏览器会自动将这段文字进行换行处理,可以使用nobr标记来禁止自动换行。

2.7 水平线

语法:

  1. <hr>

说明:在网页中输入一个hr标记,就添加了一条默认样式的水平线。

2.8 其他标记

  • 2.8.1 插入空格

语法:

说明:在网页中可以有多个空格,一个&nbsp代表一个半角空格,多个空格则可以多次使用这一符号。

  • 2.8.2 插入特殊符号

除了空格之外,在网页的创作过程中,还有一种特殊的符号也需要使用代码进行替换。一般情况下,特殊符号的代码由前缀“&”、字符名称和后缀“;”组成。使用方法与空格类似。














































特殊符号 符号的代码
&quot ;
& &amp ;
< &lt ;
> &gt ;
× &times ;
§ &sect ;
© &copy ;
® &reg ;
&trade ;

发表评论

表情:
评论列表 (有 0 条评论,459人围观)

还没有评论,来说两句吧...

相关阅读

    相关 Vim标记

    标记可以让我们进行快速跳转,例如当我们正在写代码,此时发现需要复制一段代码过程,那么我们会先退出插入模式,然后复制需要的代码,最后可以通过 `` `.`` 跳转到最后一次修改的

    相关 标记介绍

    标记:用单词或者字母组合按照一定规则,写在网页文档中,浏览器可以识别的内容。 标记格式: <标记名称 属性名称=”属性值 ” 属性名称=”属性值 ” … > 规则: 标