HTML知识点总结
1、HTML(超文本标识语言)概念
HTML是一种用来制作超文本文档的简单标识语言, 简单的说就是描述网页长什么样子、有什么内容的一个文本.
2、HTML和XHTML的联系和区别
联系:
(1)、都是标记语言,文档注释都一样。
(2)、都可以通过dom编程方式来访问( DOM是浏览器对html文 档的一种解析)。
(3)、都可以通过CSS来改变外观。
区别:
(1)、 HTML是一种基本的WEB网页设计语言,XHTML是一个基 于XML的置标语言。
(2)、 XHTML 可以认为是 XML 版本的 HTML,为符合 XML 要求, XHTML 语法上要求更严谨些。
(3)、XHTML 所有元素必须关闭(空标签</br>也一样),HTML 有的元素则不需要。
(4)、XHTML 区分大小写,且标签必须用小写字母。
(5)、XHTML 元素必须被正确地嵌套
3、<meta>标签的作用
(1)、用来标记搜索引擎在搜索你网页时所提取出来的关键词
<meta name="keywords" content="study,teacher">
(2)、用来标记文档作者
<meta name="author" content="lkq">
(3)、用来标记页面解码方式
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
(4)、用来自动刷新网页
<meta http-equiv="Refresh" content="5;url=http://www.baidu.com" />
6、页面颜色
(1)、基本颜色:红(#ff0000)、黄(ffff00)、蓝(#0000ff);
(2)、吸色器的使用
7、常用body的基本属性
text字体颜色;bgcolor背景颜色;background背景图片
8、格式标签
<br>换行,单标签;<nobr>不换行,双标签;<p>段落;<center>居中;
<pre>按源代码格式显示;
<ul>无序列表;
无序列表type属性:disc、circle、square;
<ol>有序列表;
有序列表type属性:1、A、a、 I 、 i...
有序列表start属性
<dl>自定义列表;<dt>自定义标题;<dd>在定义列表中定义条目;<hr>导航线;
8、文本标签
<h1>~<h6>加粗字体;<b>加粗;<i>斜体;<u>下划线;<sup>上标;<sub>下标;
9、图片<img>标签
标签属性:
src图片地址(相对地址和绝对地址);width图片显示的宽;
height图片显示的高;alt加载图片失败显示的信息;title图片标题
标签地图:
shape:circle(圆形)、rect(矩形);
coords:circle——圆心、半径; rect——左上角坐标、长、宽;
实例:
<img src="111.png" usemap="#mymap">
<map name="mymap">
<area shape="circle" coords="229,162,50" href ="地址 " >
10、<a>标签
(1)、锚点实例:
<a name="top"></a>
<h1>001</h1>
<p align="right"><a href="#top">111</a></p>
(2)、超链接实例:
<a href="http://www.baidu.com">1121212</a>
11、<table>标签
自己多总结~~~(属性、嵌套、布局);不要忘记<caption>和<th>
12、简单<form>标签
(1)、input元素属性
文本域text\textarea;(maxlength;disabled和readonly区别)
密码域password;复选框checkbox;
单选按钮radio(lable标签);
1、name属性必须相同; 2、name和value必须有
3、<lable>实例
<form>
<label for="male">Male</label>
<input type="radio" name="sex" id="male" />
<br />
<label for="female">Female</label>
<input type="radio" name="sex" id="female"/>
</form>
下拉列表select;(optgroup属性和用法)
按钮button;围绕数据的fieldset;
13、一些不常用的form表单功能
(1)、文件上传——参考W3school手册
(2)、image样式表单(可忽略)
浙公网安备 33010602011771号