HTML 自学笔记（HTML的基本结构+文档设置标记） - 血手牵驴_H5之家

HTML的基本结构

<html>html文档的标记，也称html开始标记</html>

<head>html文件头标记，也称html头信息开始标记</head>

功能：用来包含文件的基本信息，比如网页的标题。

注：在<head></head>标记内的内容不会在浏览器中显示。该标签内可以放<title></title>,<meta></meta>,<style></style>等标记。

3.<title>HTML文件标题标记</title>

功能：页面的“主题”显示在浏览器窗口的左上方。

注：网页的标题不能太长，要短小精干，能够反映页面的内容。<title></title>标签中不能包含其他标记。

4.<body>HTML的主体标记</body>

功能：该标记是网页的主体部分，在标记之间可包含如：<p></p>,<hn></hn>,<br></br>等标记，这是这些内容组成了我们所看到的网页。

常见属性：bgcolor(背景颜色）、text（设置文本颜色）、link（设置链接颜色）、vlink（已访问链接的颜色）、alink（正点击链接的颜色）

如：<body alink="red"></body>

5.<meta>页面的元信息（meta-information）

功能：提供有关页面的元信息，比如针对搜索引擎和更新频度的描述和关键字。

必要的属性：content 值 some text 定义name属性相关的元信息。

常见name属性：author(网页作者) keyword(网页关键词) description(网页描述) others(其他语言信息)

注：<meta>必须放在head元素里面。

HTML文档设置标记

Ⅰ.格式标记

<ol>有序列表。与li标签混合使用。其中，符号类型包含”a" "A" "1" "Ⅰ"等

格式 <ol type="符号类型“> <li>内容1</li> <li>内容2</li> </ol>

指定列表起始值

8.<dl><dt><dd>定义型列表

使用场合：对列表条目进行简短的说明

格式：<dt>和<dd>都是在<dl>里面

<dl>

<dd>简单介绍软件功能及基本应用</dd>

</dl>

9.<hr>水平分割线标记：段落之间的分割线。单标记。

10.<div>分区显示标记也称层标记

常用来编排一大段落的HTML段落，也可以用于格式化表和P很相似，div可多层嵌套。

Ⅱ.文本标记

hn 标题标记，共6个级别，对应显示不同大小的标题，其中h1最大h6最小。

font 字体设置标记，共有三种属性。