什么是HTML?
HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言: HyperText Markup Language
HTML 不是一种编程语言,而是一种标记语言
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML 文档包含了HTML 标签及文本内容
HTML文档也叫做 web 页面
HTML 标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
HTML 标签是由尖括号包围的关键词,比如
HTML 标签通常是成对出现的,比如 和
标签对中的第一个标签是开始标签,第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签
各种标签
1.列表
有序:ol>li
无序:ul>li
2.定义列表
dl定义列表
dt定义的标题
dd定义的解释项
3.排版标记
加粗 b,strong(强调的意味)
斜体i,em(强调的意味)
下画线u
删除线del
横线hr
下标sub
上标sup
4.行与块元素
块,总是新起一行可以包含 块,行,文本例如:div p h1-h6 ul ol li dt dd dl
行,和其他行内元素在一样可以包含其他行内元素和文本例如:span i em b strong u del sub sup big small
5.特殊符号
空格
<<
>>
©©
&&
6.属性
定义:修饰 html标签(元素)的
组成: 属性名=“属性值”`<hr width="200"/>`
title属性:鼠标的提示<p title="鼠标的提示">
style属性:元素的外观<p style="color:red; font-size:48px">
class属性:元素的类名,可以有多个,用空格隔开,可以重复<p class="red big">
id属性:元素的唯一识别,有且只有一个<p id="myp">
7.不可见标签
<meta charset="utf-8" />让网页不乱码(指定元素信息,字符集="万国编码")
<meta name="description" content="网页描述" />
<meta name="keywords" content="网页关键字"/>
style 样式:.red{ color:red;font-size:48px}
8.img图片
src="./images/t.jpg"图片的地址./代码当前html所在的目录
alt替换图片文字
9.链接
相对
相对于当前html文件的位置
./开头 当前目录 (可以省略)
…/开头 上一级目录
文件夹或者文件名/ 开头 (省略一个./)
绝对
http开头
/ 开头代表的是网站的根域名
10.锚点
页面内容切换
定义
链接锚点:<a href="#ch01">
,<a href="demo15.html#ch01">
11.iframe
定义,在网页中引入其他的网页
src 引入地址
width 宽/ height高
scrolling 是否滚动 yes no
frameborder="0"框架边框
12.frameset框架集(不需要掌握)
frame框架
属性:name 框架的名称
src 文件地址
13.图片热点区域
作用:形成不规则的链接区域图片画形状,添加链接
建议,使用dreamweaver 绘制热点区域
<img usemap="#Map"
<map name="Map">
<area shape="poly" coords="xxx" href="xxx" target="_blank">
14.table表格
属性
border 边框
with 宽度
align 对齐
left right center
子元素
tr行
td列,rowspan 行合并,colspan列合并
th标题列
`