html基础标签记忆解释

<head>

1、指定字符集
<met charset="utf-8">
2、页面描述
<meta name="Description" content="具体描述。。。">
3、关键字:有助于搜索引擎SEC优化,再怎么优化也抵不过竞价排名
<meta name="Keywords" content="网易,邮箱,游戏,新闻">
4、3秒后跳转
<meta http-equiv="refresh" content="3,http://www.baidu.com">
5、三秒刷新
<meta http-equiv="refresh" content="3">
1、标题
<title>百度一下,你就知道</title>
2、网站的图标
<link rel="icon" href="图标地址">
3、定义内部样式
<style></style>
4、引入外部样式文件
<link rel="stylesheet" href="mystyle.css">
5、定义JavaScript代码或引入JavaScript文件
<script src="hello.js"></script> 
</head>

<body>
<br> 换行标签
<hr> 分割线
<font>修改文字大小,颜色,被废弃</font>
<b>加粗</b>
<u>下划线</u>
<i>倾斜</i>
<s>删除线</s>
<strong>强调性文字</strong>
<isn>插入文字(带下划线)</isn>
<em>普通强调性文字</em>
<del>被删除文字</del>
特殊符号对照表http://tool.chinaz.com/Tools/HtmlChar.aspx
<h1>一级标题</h1><h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
<p>段落</p>
<img src="图片地址" alt="图片加载失败时显示的内容" title="鼠标悬停到图片上时显示的内容">用于插入图片
<a href="跳转的目标页面地址" target="是否在新页面中打开,_blank" title="鼠标悬浮显示的内容">需要展现给用户查看的内容,也可以是图片 </a>
<base target="_blank">
a标签用于超链接,可以在head标签内新增一个base标签进行统一设置,如果没有a标签中设置target,就会参照base标签进行执行
点击后不会跳转的连接,我们称之为假连接
href ='#' 假连接,点击后自动回到网页的顶部
href ='javascript:':不会返回顶部
跳到首页
href="" 刷新页面回到顶部
href="#"直接回到顶部
页面内锚点
在字段中加id
<p id="船">扬帆起航</p>
<a href="#船">找id为船的那个字段,要加#</a>
自定义列表
dl 自定义列表标签
dt 自定义标题标签
dd 自定义描述标签
<dl>
<dt>自定义标签</dt>
<dd>自定义描述1</dd>
<dd>自定义描述2</dd>
</dl>
table 标签,表的显示
<table border="1px" bgcolor="#9400d3"> 表标签 border为边框宽度,默认为0,bgcolor色彩标签

<caption>表的标题</caption>

<thead>
特点:专门用来存储每一列的标题,只要将当前列的标题存储在这个标签中就会自动居中+加粗文字
<tr>
<th>标题名</th>
<th>标题名2</th>
<th>标题名3</th>
</tr>
</thead>

<tbody>表格的主体内容,没有浏览器会自动添加,如果指定高度,就不会随着表的内容而改变高度
<tr bgcolor="white"> 行标签
<td bgcolor="white"></td> 单元标签
<td></td>
</tr>
</tbody>

<tfoot>表格的结尾内容
<tr>
<td></td>
<td></td>
</tr>
</tfoot>

</table>
水平对齐align可以给table、tr、td标签设置
垂直对齐valign只能给tr、td标签设置
外边距:单元格与单元格之间的间隔,cellspacing="3px",默认值为2px
内边距:单元格边框与文字之间的距离:cellpadding="200px"
细线表格的制作方式:
1、给table标签设置bgcolor
2、给tr标签设置bgcolor
3、给table标签设置cellspacing="1px"
原理用不同的色差形成细线
colspan 单元水平合并
rowspan 单元垂直合并

<form action="指定向何处发送表单数据" method="取值,get在地址中显示,post不在地址中显示,数据大小不限" > 表单标签,用于专门采集数据
<fieldset>添加边框
<legend>跟边框连用的文字信息</legend>
<p>
<inptu type="下方多个类型介绍" name="指定提交数据的key" id="1"
value="指定提交数据的value或设置默认值" placeholder="暗淡字提示用户的值"
disabled="禁用该控件,不会提交任何关于该控件的数据">接受用户输入或搜集用户信息
type后跟的类型:
text 输入时显示
password 输入时不显示明文
radio 单选框选项 后面配合 checked 可设置默认的单选框
checkbox 复选框(多选框)后面配合 checked 可设置默认的单选框
button 普通按钮 需要绑定onclick用
submit 自动提交按钮,value 设置按钮的文字
reset 把表单中填写好的数据清除 同样可以用value设置按钮文字

</inptu>
<input type="radio" name="gender" value="male" id="gender1"><label for="gender1">男</label>
label用于关联文本与表单元素,实现点击文本时,如同点击表单元素一样
上方单选功能,就是把男这个字符关联了,点到男这个字符跟点到单选那个框框一样
<textarea name="提交数据的key" id="id" cols="文本框宽度" rows="文本框行数">文本框内部文字</textarea>
<select name="" id="" size="取值大于1则为滚动类别,否则就是下拉类别" multiple="设置多选"> 下拉列表
<optgroup>设置提示信息</optgroup>
<option value="">设置选的值1</option>
<option>设置选的值2</option>
<option value="" selected="默认值"></option>
</select>
</p>
</fieldset>
</form>
</body>

猜你喜欢

转载自www.cnblogs.com/yangli0504/p/9087733.html