自学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=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>有序列表
如下图所示,显示是有顺序的。

_FFFFFF,t_70)
这里的顺序默认阿拉伯数字,可以通过type属性设置列表前的符号标记,取值 数字1,字母a或A,start属性修改起始值 。start属性修改起始值。如
在这里插入图片描述
常见的标签基本都在这里了,下一个帖子总结超链接和锚链接。

发布了9 篇原创文章 · 获赞 11 · 访问量 4553

猜你喜欢

转载自blog.csdn.net/JIANGYINGH/article/details/104711298