html基本标签与属性

HTML超文本标记语言 html5 
建立一个HTML文件： 文件名 . 后缀(html) 
解析：就是去识别 
注释：就是给开发人员开的批注------浏览器不去解析（不去输出） 
HTML的整体框架 
<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title></title> 
</head> 
<body> 
</body> 
</html> 
在body中具体有哪些常用的标签 
文本标签 
<b></b>  加粗标签 
<i></i>    斜体标签 
<p></p>  段落标签   每个段落和其他段落之间有一个间隙 
<sub></sub> 下角标 
<sup></sup> 上角标 
<del></del> 删除线 
<s></s>    删除线 
和搜索引擎有关系的标签 SEO（搜索引擎优化） 
<em></em>  强调功能 
<strong></strong> 具有强调功能 
strong  >  em 
<h1></h1>     标题标签   从大到小  每一个都独立占去一行 
...... 
<h6></h6> 
在一个网页中最好只有一个h1标签 
在html源代码中有多个空格只识别一个 
格式标签 
<br> 强制换行标签 
<hr> 横线标签 
<pre>原型输出标签 
列表标签 
<Ul> 无序列表 
<li></li>  列表项 
</Ul> 
<ol> 有序列表 
<li></li>  列表项 
</ol> 
<dl> 自定义列表 
<dt></dt> 
<dd></dd> 
</dl> 
超链接标签 
<a></a> 
属性： 
Href：就是超链接跳转的地址 
target：_self:在本选项卡中打开 
_blank:在新的选项卡中打开 
锚点 
锚点的定义 
<a name=”锚点名称” id=”锚点名称”></a> 
锚点的使用 
<a href=”#锚点名称”></a> 
多媒体标签 
<img>   图片标签 
属性： 
src：就是需要加载图片的路径（URL） 
width：设置图片的宽度 
height：设置图片的高度 
注意：为了避免图片失真宽度和高度最好只设置一个 
border：设置图片的边框 
alt:    第一个用法： 
就是在图片没有加载出来的时候会把   
文字显示出来 
第二个用法：搜索引擎会根据alt的值 去判断这张图片上到底是什么 
title：就是鼠标放上去会有一个小的提示 
<audio></audio> 音频标签 
属性：src：需要加载的音频路径 
controls 控制按钮 
<video></video> 视频标签 
属性: src 需要加载的视频路径 
controls 控制按钮 
loop: 自动重播 
width：宽度 
height：高度 
<embed> flash 动画标签 
属性： 
src： 就是需要加载的flash动画的路经 
width:宽度 
height:高度 
宽度和高度同时去设置 
<table></table> 表格标签 
属性：border：就是给整个表格加边框 
width：给整个表格设置宽度 
align：center 会把整个表格相对于浏 览器居中 
right：会把整个表格相对于浏 览器居右 
left：会把整个表格相对于浏 览器居左（默认值） 
bgcolor：设置整个表格的背景颜色 
<tr></tr> 表格中的一行 
属性：align：left：会把这一行的内容相对于单元格居左 
right：把这一行的内容相对于单元格居右 
center：把这一行的内容相对于单元格居中 
bgcolor：设置一行的背景颜色 
<td></td> 一行中的一列 
<th></th> 表头  比<td>要粗 自带居中属性 
属性：align：left：会把这一行的内容相对于单元格 居左 
right：把这一行的内容相对于单元格居右 
center：把这一行的内容相对于单元格居中 
在td中的优先级大于在tr中 
rowspan：合并行 
colspan： 合并列 
bgcolor：设置这个单元格的背景颜色 
表单标签 
<form></form> 表单标签 
属性： 
action: 就是这个表单的内容要提交到那个后台 
method：就是表单提交的方式 
get：以get方式提交 
post：以post方式提交 
所有的表单项都必须有name属性-不要写汉字 
<input > 表单项 
属性：type： 
值： 
text:就是普通的文本输入框 
submit：就是一个提交按钮 
Value：写一个你喜欢的字 
image：他是图片提交按钮 
和他配合的必须有src 
radio：就是单选按钮 
name 的值必须相同（如果不    同就不会是单选了） 
checked：默认选中值 
checkbox:多选按钮 
checked：默认选中值 
hidden：隐藏域-就是后台可以接收到值，但是前台用户看不到 
password：密码输入框--就是输入的内 容会用....开代替 
maxlength:控制用户输入的多少 
disabled：禁用-就是后台也接收不到值 
readonly：就是前台不能改，但是后台可以接收 到值 
size：设置text这个类型的大x小 
placeholder：提示内容，点击输入内容后消失 
<select></select> 下拉列表 
属性： 
name：就是下拉列表的名字 
<option></option> 下拉列表的列表项 
属性： 
Value：就是每个列表项对应的值 
<textarea></textarea> 文本域 
属性： 
name：文本域的名字 
cols：控制列数 
rows：控制行数 
disabled：禁用 ---后台接收不到 
readonly：只读 -- 后台可以接收到 
框架集（分帧）---他可以插入到<body>中 
一种是邪恶的分帧 
<iframe> 
属性： src :需要加载页面的地址 
scrolling：是否显示滚动条 
no：不显示滚动条 
frameborder：0 不显示边框 
1 显示边框 
不邪恶的分帧(不能插入的)--不能插入到<body>中，谁在上面显示谁 
<frameset></frameset> 
属性：cols：左右分 
rows：上下分 
<frame> 
属性： 
src：就是需要加载页面的地址 
noresize：禁止拖动改变大小 
无意义的标签 
<div></div>   块状标签 
<span></span>   行内标签 
编码问题 
<head>中的标签 
<meta>去设置一些网页的属性 
属性：charset：去设置网页的编码 utf-8 编码 
name： 
keywords: 网页关键字 
content：内容 
description：网站描述 
content：内容 
<title></title> 设置网页选显卡上的显示文字 
<script></script>  写 JavaScript代码的地方 
<style></style>    写css样式的地方 
<link>  连接其他语言的一个通道 
字符实体：就是一下使用代码打印不出来的东西 