前言
前几篇帖子中写到了前端的学习路线、编译软件的使用以及标签、特殊字符的内容,这篇帖子就写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=http://www.baidu.com">
/*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>
是二级标签,以此类推。他是块级标签,属于关闭型,字体会加粗显示。
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属性修改起始值。如
常见的标签基本都在这里了,下一个帖子总结超链接和锚链接。