web前端之html(⼆)头部标签和常⽤标签及属性前⾔
前⼏篇帖⼦中写到了、以及的内容,这篇帖⼦就写html的头部标签和常⽤标签。
头部标签
1.<meta>定义⽹页的摘要信息,如字符的编码、关键字、描述、作者等
<meta charset="UTF-8">/*编码*/
<meta name="keywords" content="关键字">/*关键字*/
<!--指定描述-->
<meta name="description" content="描述内容">
<!--指定作者-->
<meta name="author" content="作者名字">
<!--实现页⾯的刷新跳转-->
<meta http-equiv="refresh" content="2;url=www.baidu">
/*2秒后刷新跳转*/
2.<tilte>⽹页标题.
3.<style> 在⾥⾯写内部css样式.
4.<Link>标签 引⽤外部的CSS样式.⾮关闭型。
5.<script> 定义或引⽤脚本语⾔,关闭型。
<script type="text/javascript">
alert("警告");
</script>
6.<base>定义基础路径,默认是页⾯⽂件为相对路径的参照 ⾮关闭型。
<base  href="路径">
常⽤标签
标签组成:<;标签名 属性名=“属性值”>
1<br>换⾏标签,⾮关闭型标签,⽤来换⾏。
2.<p>段落标签,关闭型标签,块级标签(独占⼀⾏),有明显的间隔。
3.<h1>-<h6>标题标签,<h1>是⼀级标签,<h2>是⼆级标签,以此类推。他是块级标签,属于关闭型,字体会加粗显⽰。
href标签怎么用
4.<pre>预格式化标签,⽤来保留编码时的格式。
5.<div>分区标签,常⽤作容器使⽤,⽤来页⾯布局*,块级标签。
<div>属性有style,id, class, title,等等:::::
其中style属性有
color : #999999 ⽂字颜⾊
font-family :宋体⽂字字型
font-size: 10px ⽂字⼤⼩(采⽤像素⼤⼩)
letter-spacing: 1px ⽂字间距
line-height: 200% 设定⾏⾼
font-weight:bold ⽂字粗体 等等…这⾥就不⼀⼀例举了。
6.<span>范围标签,默认没有任何效果,⼀般通过属性⽤来设置⾏内的特殊样式。
7.<hr>⽔平线标签,会打印出⼀条⽔平线,⽔平线可以通过属性设置样式。
8<img>图像标签,⾏级标签,⾮关闭型。
常⽤属性:
<img src="qq.jpg">/*src路径*/
<img title="这是图⽚">/*title图⽚标题*/
/*设置图⽚的宽*/
<img width="400px">
<img width="50%">
9.<ul> <li>⽆序列表,没有顺序的列表,不讲究先后顺序。
body>
今天没有交作业的同学有:<br>
<ul>
<li>张三</li>
<li>李四</li>
<li>王五</li>
<li>赵六</li>
</ul>
</body>
10.<ol> <li>有序列表
如下图所⽰,显⽰是有顺序的。
这⾥的顺序默认阿拉伯数字,可以通过type属性设置列表前的符号标记,取值 数字1,字母a或A,start属性修改起始值 。start属性修改起始值。如
常见的标签基本都在这⾥了,下⼀个帖⼦总结超链接和锚链接。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。