码迷,mamicode.com
首页 > Web开发 > 详细

【HTML篇】2.HTML的head标签和body标签

时间:2020-07-02 16:22:34      阅读:101      评论:0      收藏:0      [点我收藏+]

标签:http   mic   引入   width   数字   image   20px   自动换行   编码格式   

1.HTML的head标签

head标签中主要配置浏览器的配置信息

常用的配置信息:

  1.网页解析编码格式

  2.网页标题标签

  3.网页关键字

  4.网页描述

  5.作者

  6.自动跳转

  7.其他(引入css,js)

注:其中第三,第四和第五项,提升在浏览器中的搜索概率

例:

技术图片

 

2.HTML的body标签(文本标签)

1.标题标签:

  h1到h6:会将其中的数据加粗加黑显示,并且显示依次减弱,并且自带换行功能

  属性:aligin:center,left,right 设置位置

2.水平线标签:

  hr:会在页面中显示一条水平线,默认居中。

  属性:width=”200px“:水平线宽度,size=”20px“:水平线高度,color=”red“:水平线颜色 aligin

3.段落标签

  p:会将一段数据作为整体进行显示,主要是进行css和js操作时比较方便。会自动换行。

  特点:段间距比较大

4.换行符标签

  br:告诉浏览器此处换行

  特点:行间距小于段间距

5.空格符标签

   :告诉浏览器此处增加空格

6.权重标签

  1.b:会将内容加黑

  2.i:会将内容斜体

  3.u:会将内容增加下划线

  4.del:中划线

  以上标签不会换行,并且可以嵌套使用

注:

  1.块级标签:html中自己站一行的标签叫块级标签

  2.标签属性:对标签的功能进一步补充,可以自由指定标签属性

  3.像素单位:战局电脑屏幕的大小,百分比则是占据浏览器窗口的大小

例:

技术图片

 

 3.HTML的body标签(列表标签)

1.无序标签

  ul

    li:该标签中写列表内容,一个li标签代表列表中的一行数据

    特点:默认数据前有一个黑圆圈符号

2.有序标签 

  ol

    li:该标签中写列表内容,一个li标签代表列表中的一行数据

    特点:会自动的给列表进行顺序编码,从小到大

    属性:type:可以改变顺序编码的值,可以是1,a,A,罗马数字1,默认阿拉伯数字1排序

3.自定义标签

  dl

    dt:数据标题

    dd:数据内容,一个dd表示一条数据

例:

技术图片

 

【HTML篇】2.HTML的head标签和body标签

标签:http   mic   引入   width   数字   image   20px   自动换行   编码格式   

原文地址:https://www.cnblogs.com/chengkuan/p/13225197.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!