Chapter2HTML语法及head里的一些标记

最新推荐文章于 2021-08-25 21:46:56 发布

weixin_41952101

最新推荐文章于 2021-08-25 21:46:56 发布

阅读量639

点赞数

分类专栏： html知识

html知识专栏收录该内容

3 篇文章 0 订阅

订阅专栏

• 一个完整的 HTML 文档由头部内容和主体内容两部分组成。

• 头部内容显示在<head>开始标记和</head>结束标记之间包含标题，样式和脚本等多个标记，描述 HTML 网页的基本信息。

• 主体内容显示在 <body> 开始标记和 </body> 结束标记之间，在该标记中可以添加各种 HTML 标记，用以设置内容的显示样式。

一、标记语法

HTML 用于描述功能的符号称为“标记”，例如 <html>,<head>,<title> 和 <body> 等都是标记。

标记在使用时必须使用尖括号括起来，有些标记必须成对出现，以开头无斜杠的标记开始（ <html> ），以有斜杠的标记结束（ </html> ）

在html文档中，标记的大小写作用相同，例如<TABLE>和<table>都表示一个表格的开始。

1、单标记

之所以称之为单标记，是因为它只需要单独使用，就能完整地表达意思。这类标记的语法很简单，格式为：

< 标记名称 >或者<标记名称/>

最简单的单标记是换行标记：<br> 或 <br/>

2、双标记

双标记由“开始标记”和“结束标记”两部分组成，必须成对使用。

开始标记告诉 Web 浏览器从此处开始执行该标记所表示的功能。结束标记告诉 Web 浏览器在这里结束该功能，开始标记前加一个正斜杠 / 就可以成为结束标记。

双标记的基本语法如下：<标记>内容 </标记>

<html>
<body>
<h1>双标记示例</h1>
</body>
</html>

二、属性语法

属性，一般出现在 HTML 的开始标记中， HTML 属性是 HTML 标记的一部分，它在 HTML 标记中经常会被用到。

标记可以包含多个属性，这些属性包含了额外的信息，一般情况下，将属性的值放在双引号中。

HTML 属性是由属性名称和值成对出现的，基本语法如下：

< 标记名属性名 1=“ 属性值 ” 属性名 2=“ 属性值 ”… 属性名 n=“ 属性值 ” >< / 标记名 >

如：

<input name="username" type="text" size="20">

在上述代码中，<input>标记中的name,type,size就是它的属性，这些属性值分别是：username,text,和20。

在为 HTML 标记添加属性时，如果某些属性有默认值，在设置属性时可以不进行设置，这时浏览器会使用其默认值。但是有些属性没有默认值，因此不能省略属性值。

三、头部内容

超文本标记语言的结构包括头部和主体部分。其中头部提供关于网页的信息，主体部分提供网页的具体内容。

网页的头部信息都存放在 <head></head> 标记之间，在该标记中可以添加元数据，样式和脚本等多个标记。

1、title标记

使用过浏览器的人可能都会注意到浏览器窗口顶部显示的文本信息，那些信息一般是网页的“标题”，要将网页的标题显示到浏览器的顶部，其实很简单，只要在 <title></title> 标记之间加入要显示的文本既可。

注意：该标记之能放在 <head></head> 标记之间。

<html>
 <head>
  <title>a text page</title>
 </head>
 <body>
  <h1>My HTML webpage</h1>
  <p>The first text,thank you</p>
 </body>
</html>

2、<base>标记

<base> 标记为页面上的所有链接指定默认地址或者默认目标。通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。使用 <base> 标记可以改变这一点，浏览器随后将不再使用当前文档的 URL ，而使用指定的基本 URL 来解析所有的相对 URL。

<base> 标记包含两个常用属性：

（1）href 属性 target 属性。前者是必需的。后者是可选的。

（2）href 用于设置网页文件链接地址。 target 用于设置页面显示的目标窗口，它的值可以是 _blank, _parent, _self 和 _top

<html>
 <head>
  <base href=“http://www.w3school.com.cn/i/” />
  <base target=“_blank” />
 </head>
 <body>
 </body>
</html>

3、 <meta> 标记

META( 元数据 ) 是用来描述 HTML 文档的信息，它使用 <meta> 标记来完成此工作，该标记没有结束标记，并且它位于 <head></head> 之间。元数据总是以名称/值的形式被成对传递的，<meta>标记包含一个必需属性和3个可选属性，说明如下：

（1）Content: 必需属性，用来定义与 http-equiv 或者 name 属性相关的元信息

（2）Schema: 可选属性，应以用于翻译 content 属性值的格式

（3）http-equiv: 可选属性，把 content 属性关联到 HTTP 头部，该属性的值有 5 个。

（4）Name: 可选属性，它把 content 属性关联到一个名称， name 属性值有多个。

例如，下面的代码描述了 HTML 文档的作者：

<meta name=“author” content=“Lucy” />

下面的代码将 name 所属性值设置为 keywords, 可以用来向搜索引擎说明网页的关键词

<meta name=“keywords” content=“频道，直播频道” />

4、 <style> 标记

下面的例子中，演示了 <style> 标记的使用，在该标记中，指定了 h1 元素和 p 元素的样式效果：

<head>
     <style  type=“text/css”>
     h1  {color:  red}
     p  {color: blue}
     </style>
</head>

5、 <script> 标记

<html>
 <head>
  <script type="text/javascript">alert("Hello World")
  </script>
 </head>
</html>

weixin_41952101

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Chapter2HTML语法及head里的一些标记

•一个完整的HTML文档由头部内容和主体内容两部分组成。•头部内容显示在&lt;head&gt;开始标记和&lt;/head&gt;结束标记之间包含标题，样式和脚本等多个标记，描述HTML网页的基本信息。•主体内容显示在&lt;body&gt;开始标记和&lt;/body&gt;结束标记之间，在该标记中可以添加各种HTML标记，用以设置内容的显示样式。一、标记语法 HTML 用于描述功能的符号称...
复制链接

扫一扫