三分钟教你玩转HTML

：HTML 基本结构
<html> 标记放在 HTML 文件的开头，是一个形式上的标记；
<body> 标记称为主体标记，网页所要显示的内容都放在这个标记内，它是 HTML 文件的重要所在；
<head> 标记称为头标记，起的作用是放置关于此 HTML 文件的信息，如提供索引、定义 CSS 样式等；
<title> 标记称为标题标记，起的作用是设定网页标题；

2:开发中常用的标签
<b>文字以粗体方式显示</b>
<i>文字以斜体方式显示</i>
<u>文字以加下划线方式显示</u>
<s>文字以加下删除方式显示</s>
<big>文字以放大方式显示</big>
<small>文字以缩小方式显示</small>
<strong>文字以加强强调方式显示</strong>
<em>文字以强调方式显示</em>
<address>地址标签：xxxxxx@一只快乐的小码农.com</address>
<code>代码块</code>
align 属性控制段落的水平位置
bgcolor 属性设置背景颜色
无序列表 ul
有序列表 ol
2.1 段落标签<p>
2.2 换行标签<br>
2.3 标题标签<h1>~<h6>
2.4 文字居中标签<center>
2.5 文字段落缩进标签<blockquote>
<img src="">网页中嵌入图片（height+weigth属性调整图片大小）
<form action="" method="">表单提交
<align="">对齐方式-left+right+center...
<div></div>-设置块级元素
type="radio"-单选框
type="checkbox"-复选框
<select><option></option><select>-下拉菜单

基本符号代码转化

3：用 HTML 建立超链接
3-1框架之间的链接
3-1-1：//frameset框架标签中用rows属性将窗口分为上中下三部分
<frameset rows="30%,10%,*">
<frame>
<frame>
<frame>
</frameset>
3-1-2：//用src属性在框架中插入网页
</head>
<frameset cols="30%,*">
<frame src="a.html">
<frameset rows="50%,*">
<frame src="b.html">
<frame src="c.html">
</frameset>
</frameset>
</html>
3-1-3//框架之间建立链接
</head>
<frameset cols="30%,*">
<frame src="a.html">
<frame name="main">
</frameset>
</html>
4：下一节我们讲css和js

一章. 页面基本元素

1.1页面基础元素：<html>

<html>是页面的基础元素，主要用来定义页面的开始和结束部分。元素语法结构如下<html>....</html>（开头标记为<>,结束标记为</html>）先介绍一下完整的HTML文件的基本结构

<html> 文件开始标记

<head> 文件头开始标记

......... 文件头部分的内容

</head> 文件头结束标记

<body> 文件主体开始标记

......... 文件主题部分的内容

</head> 文件主题结束标记

</html> 文件结束标记

在<html>和</html>之间写入想要编辑的页面内容就构成了一个简单的页面

1.1.1 文本显示方向属性：dir

【作用与语法】dir属性用来指定浏览器文本显示的方向，同时也决定浏览器滚条的位置。dir属性的语法结构如下

<html dir="浏览器中文本的方向">......</html>(在元素名称和属性之间要加入空格)

dir属性可以取两个值，ltr（left title right）和rtl（right title left），分别表示从左向右显示和从右向左显示

1.1.2 指定语言属性：lang

【作用与语法】lang属性用来指定文档中所使用的语言。lang属性的语法结构如下

<html lang="指定的语言">包含的内容部分</html>

lang属性的取值可以使用ISO标准中的语言代码。在<html>元素中加入lang属性，使浏览器更好的显示界面，并不会更改页面的文字编码

ISO标准中语言代码的取值及含义语言名称写法语言名称写法英语en法语fr汉语zh德语de日语ja意大利语it

1.2 页面头部元素：<head>

【作用与语法】HTML的头部元素是以<head>为开始标记，以</head>为结束标记。它用于包含当前文档的相关信息，可包含<title>元素、<meta>元素等，分别用来定义页面的标题、编码。使用<head>元素可以将基本信息部分和页面主体内容区分开来。<head>元素的语法结构如下

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

1.3 页面标题元素：<title>

【作用与语法】HTML页面的标题一般是用来说明页面用途的，它显示在浏览器的标题栏中。在HTML文档中，标题信息设置在页面的头部，也就是<head>和</head>之间。<title>元素的语法结构如下。

<title>......</title> (说明：在标记中间的“......”就是标题的内容，它位于HTML文档的头部，即<head>和</head>之间)

1.4 元信息元素：<meta>

【作用与语法】元信息元素<meta>用来定义页面的附加信息，其中包括页面的作者、版权、关键字等相关信息。<meta>元素的语法结构如下。

<meta 属性=“属性值”/>

1.4.1 元信息元素名称属性：name

【作用与语法】name属性用来制定文档中附加信息的名称。例如，最常用的值“keywords”用来定义文档中的关键字，方便搜索引擎的搜索。name属性的语法结构如下。

<meta name="信息名称"/>

在<meta>元素中，名称必须对应有相关的值才能生效

1.4.2 元信息元素的值：content

【作用与语法】content属性用来指定文档中附加信息的值，它与name属性成对出现。content属性的语法结构如下

<meta name="信息名称" conten="附加信息的值"/>

1.4.3 元信息元素的附加属性：http-equiv

【作用与语法】http-equiv属性和name属性类似，用来指定附加信息的名称。在浏览器加载页面之前，服务器会把http-equiv属性定义的相关信息发送给浏览器，便于在浏览器中正确显示页面。http-equiv属性的语法结构如下

【作用与语法】<meta http-equiv="信息名称"，content="附加信息的值">

说明：和name属性相似，http-equiv属性一般要和conten属性成对出现

1.4.4 定义页面的跳转

【作用与语法】在浏览器网页的时候经常会看到一些欢迎信息的页面，并经过一段时间后，这一页面会自动转到其他页面，这就是网页的跳转。使用HTML中的HTTP代码就可以很轻松的实现这一功能。页面跳转的语法结构

<meta http-equiv="refresh" content="跳转时间"；url="链接地址">

说明：在该语法中，refresh表示网页的刷新，而在content中则设定刷新的时间和刷新后的地址，时间和链接地址之间用分号相隔。默认情况下，跳转时间是以秒为单位的

1.5 基本设置元素：<base>

在HTML中，基本设置元素<base>使用来定义相对路径的根目录。使用<base>元素，可以方便的定义页面中的超级链接。语法结构如下

<base 属性="属性值"/>

<base>元素在不使用任何属性时，对页面没有影响。<base>元素中可以使用的属性有链接路径属性href和链接窗口属性target

1.5.1 链接路径属性：href

【作用与语法】href属性用来指定文档中相对链接的根目录。文档中的所有链接(包括图片、音频等内容)都按照href属性所指定的根目录显示。href属性的语法结构如下

<base href="指定路径">包含的内容部分</base>

href属性的取值为url值。它可以使用绝对路径，也可以指

向某个文件夹。

在线咨询

上一篇：用HTML和CSS实现酷炫的文字特效
下一篇：HTML5基础学习笔记— 超文本标记语言编程

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

整合营销服务商

三分钟教你玩转HTML

一章. 页面基本元素

您的项目需求