HTML基础

标签：互动   key   免费邮箱   efi   esc   密码   graph   mit   cin   

HTML：HyperText Markup Language(超文本标记语言)

作用：负责描述页面的语义。

基本骨架：

文档声明头：

head部分常用内容：

字符集：<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>

关键字：<meta name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信" />

页面描述：<meta name="Description" content="网易是中国领先的互联网技术公司，为用户提供免费邮箱、游戏、搜索引擎服务，开设新闻、娱乐、体育等30多个内容频道，及博客、视频、论坛等互动交流，网聚人的力量。" />

标题：<title>网页的标题</title>

小图标：<link rel="Shortcut Icon" href="你的ico地址"/>

语法特性：

1.对换行和tab键不敏感；

2.空白折叠现象：HTML中所有的文字之间，如果有空格、换行、tab都将被折叠为一个空格显示。

3.标签严格封闭

常用标签：

标题标签：h1,h2,h3,h4,h5,h6;容器级标签，但是建议只写文字。

段落标签：p(paragraph);文本级标签，只能放文字，图片，表单元素。

图片标签：img(image);它是一个自封闭标签，src属性只想图片地址，alt属性在图片显示不出来时用于显示文字。<img src="1.jpg" alt="这个图片显示不出来，我就出现啦"/>

超链接标签：a(anchor);文本级标签，href(hypertext reference)属性指向跳转地址，title属性表示鼠标悬停在超链接上时显示的文字，target属性用于表示打开新窗口的位置，target="_blank"表示在新窗口打开。作为锚点，需要在超链接地址后面加上#，配合另一个具有id或者name属性的a标签，实现页面类或者页面外的锚点定位。

无序列表标签:ul(unordered list) ,li(list item);这是一个组标签，ul里面只能有li，li是容器级标签。ul增加的事无序列表的语义。

有序列表标签:ol(ordered list) ,li(list item);这是一个组标签，ol里面只能有li，li是容器级标签。ul增加的事无序列表的语义。

定义列表标签：dl(definition list) ,dt(definition title ),dd(definition description);这是一个组标签,dd是用来描述dt的。

div标签：div(division);容器级标签，用作盒子。

span标签：文本级标签。

表单标签：form；action属性表示表单的提交地址，method表示表单的提交方式，enctype属性表示表单提交编码方式,默认值为(application/x-www-form-urlencoded),文件上传需要设置为(multipart/form-data)。

文本框：<input type="text" value="默认有的值" />

密码框：<input type="password" />

单选框：<input type="radio" name="sex" checked="checked">

复选框：<input type="checkbox" name="hobby" checked="checked"/>

下拉框：<select><option>北京</option><option>河北</option><option>河南</option><option>山东</option><option>山西</option><option>湖北</option><option>安徽</option></select>

文本域：<textarea cols="30" rows="10"></textarea>

普通按钮：<input type="button" value="我是一个普通按钮" />

提交按钮：<input type="submit" value="提交"/>

重置按钮：<input type="reset" value="重置"/>

label标签：<input type="radio" name="sex" id="man" /> <label for="man">男</label>；表单元素都可以有这个标签。

表格标签：<table><tr><th>Month</th><th>Savings</th></tr><tr><td>January</td><td>$100</td></tr></table>

杂项：

注释：<!-- -->

字符实体：&lt; &gt; &copy; &nbsp;

废弃标签：br,hr,font,b,u,i等，因为HTML只负责语义，但是这些标签干涉了css样式。

HTML基础

标签：互动   key   免费邮箱   efi   esc   密码   graph   mit   cin   

原文地址：http://www.cnblogs.com/zby9527/p/6698088.html