Web Lesson2 HTML基础

HTML基本结构

1.<!DOCTYPE hmtl> 仅声明文档类型 非标签 
2.标签：尖括号包围关键字 
3.标签通常成对出现(<开始标签></结束标签>)-->”双标签” 
4.标签但也有单独成现的(比如：<br>,<hr>,<meta>...)-->”单标签/自闭合标签” 
5.元素：<开始标签>内容</结束标签>

基础标签

标题标签

<h1>我是h1<h1>
<h2>我是h2<h2>
<h3>我是h3<h3>
<h4>我是h4<h4>
<h5>我是h5<h5>
<h6>我是h6<h6>

p标签语法

<p align=""></p>

align属性	取值意义
left	左对齐
right	右对齐
justify	两端对齐

p标签示例

<p align="justify">我是小妖怪，逍遥又自在。杀人不眨眼，吃 人不放盐。一
口七八个，肚子要撑破。茅房去拉屎，想起忘带纸。 我是小妖怪，逍遥又自在。杀
人不眨眼，吃人不放盐。一口七八个， 肚子要撑破。茅房去拉屎，想起忘带纸。我
是小妖怪，逍遥又自在。 杀人不眨眼，吃人不放盐。一口七八个，肚子要撑破。茅
房去拉屎， 想起忘带纸。</p>

p标签注意

1.一个<p></p>标签代表一个段落 
2.在<p></p>标签内，加上<br/>仅换行，但还是一个段落 
3.空格不起作用 &nbsp;代表空格 
4.<pre></pre>标签会保留空格和换行符

水平线

<hr/>单标签

修饰标签

文字斜体<i></i> <em></em> 
加粗<b></b> <strong></strong> 
下标<sub> 
上标<sup> 
下划线<ins> 
删除线<del>

常用特殊符号

&lt; < 
&gt; > 
&reg; 已注册 
&copy; 版权 
&trade; 商标 
&nbsp; 空格

列表标签

• 无序列表
• 有序列表
• 定义列表

无序列表标签语法

<ul type="">
	<li></li>
	<li></li>
	...
</ul>

type属性	取值意义
disc	原点（默认）
square	正方形
circle	空心圆

有序列表标签语法

<ol type="">
	<li></li>
	<li></li>
	...
</ol>

type属性	取值意义
1	数字（默认）
a	小写字母
A	大写字母
i	小写罗马
I	大写罗马

定义列表标签语法

<dl>
	<dt>定义列表项</dt>
	<dd>列表描述项</dd>
	<dd>列表描述项</dd>
	<dt>定义列表项</dt>
	<dt>定义列表项</dt>
	<dd>列表描述项</dd>
</dl>

图片标签

图片标签语法

<img src="" alt="".../>

属性	意义
src	显示图像URL
alt	图像代替文本
width	宽（数值或百分比）
height	高（数值或百分比）

图片标签注意

• src属性必写(绝对路径：从盘符路径开始；相对路径-建议使用)
• height以及width属性取值为百分比时是相对于父级元素取

超链接标签语法

<a> href="">...</a>

属性	意义
href	超链接
target	目标窗口（_self)本窗口内跳转 (_blank)重新打开一个窗口
title	链接提示文字
name	链接命名

name属性

定义锚(同页面):
<a href="#锚名1">目录1</a>
<a href="#锚名2">目录2</a>
<a href="..." name="锚名1">内容</a>
<a href="..." name="锚名2">内容</a>
定义锚(不同页面):
网页1：<a href="网页名称#锚名">...</a>
网页2：<a name="锚名">...</a>

a标签的其他用法

电子邮件链接：
<a href="mailto:邮件地址">...</a>
文件下载：
<a href="下载文件的地址：">...</a>