一.HTML(超文本标记语言)
包含头部(head)和主体(body)两大部分
head主要给浏览器和搜索引擎看
body给用户看的
二.DOCTYPE 文档类申明,一般写在文档的第一行
DOCTYPE主要分为html5和html4
Html5: <! DOCTYPE HTML>
组元素可以将页面切分为不同的部分
br标签 换行符基本结构
<! doctype html>
三.基本标签
Body bgcolor 背景颜色 background背景色
H1-h6 标题 align的属性值 left center rght
p标签空格和换行会被浏览器忽略,可以加
span标签 一般放一些小的文本,或者结合图片做一些效果
div标签 一般用于布局,一
hr标签 水平分割线 width=”50%” size=” 200” align=“center”
四.格式标签
address 文档的联系信息,地址,斜体显示
B标签 粗体效果
del标签 删除效果
em标签 强调效果 斜体显示
i标签 斜体显示
pre标签 会保留空格和回车
small 小一号
big标签 大一号
strong标签 强调 显示为粗体 strong>em
u标签 下划线
sup标签 上标
sub标签 下标
img图像标签 alt=“无法显示时的提示”
title=“鼠标滑过时显示的文字”
arc=“图片的路径”
width=“100”
height=“100” 单位不写默认px
border 边框
align和h标签不同,需要有文本作为参考
a href="" 没有href无法跳转到链接页面
href="#",则指向页面顶部
target属性定义了链接以…方式打开 target="_blank"在新的页面打开
五.列表
有序 无序 定义
ol标签表示有序列表
ul定义无序列表
dl定义列表
-
(一个dt对应多个dd)
七.表格标签
表头,粗体显示 | |||
---|---|---|---|
1 | 1 | 1 | 1 |
八.实体字符
大于:>;
小于:<
引号:"
版权:©
商标:®
: »
<<: «
空格: (确定空格数量)
实体字符对照表:http://tool.xker.com/htmlchar.php
结构: html 样式:css 行为: Javascript 相分离
九.元素集
元素集可以将表单内的相关元素分组,通常和标签一起用,标签提示了fieldset的信息,fieldset是块级元素 健康检测 身高:体重: 十.下拉列表 常州 淮安 南京 诸暨 义乌