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样式表单(可忽略)

posted @ 2017-06-21 14:22  dearyang  阅读(13)  评论(0)    收藏  举报