HTML-超文本标记语言基础01

来源:互联网 发布:excel 下拉数据递增 编辑:程序博客网 时间:2024/04/30 23:09

HTML基础01


1.网页基本格式

一个网页基础由固定的格式和html标记语言(标签)构成,基本格式如下:

<html>    <head>            <title></title>    </head>    <body>    </body></html>

html标签都是成对出现,开始标签+结束标签;
标签作用:

  1. html:告诉浏览器此为一个网页,其他所有标签都必须写在html标签里面,即html开始标签和结束标签之间;
  2. head:用于给网页配置一些信息,如:指定网站标题,网站小图标;添加网站SEO相关信息(指定网站关键字,描述信息);外挂一些外部的css、js文件;添加浏览器适配相关的内容;一般情况下,写在head中的大多数内容不会呈现给用户;
  3. title:指定网站标题,指定的标题会作为用户保存网页的标题;必须写在head里面;
  4. body:专门用于html文档中展示给用户的内容; 内容写到别的地方在网页中也能看到,但禁止如此; 一个html标签里面只能有一对body标签;

2.字符编码

meta:设定当前网页编码格式;

<html>    <head>            <meta charset="GBK" />            <title>欢迎来到我的微博!</title>    </head>    <body>    </body></html>

相同的内容经不同的编码方式编码会呈现不同的内容,所以会出现乱码现象,所以需要设定对应的编码方式;常用的编码方式GBK(GB2312)、UTF-8等;如果网站仅包含中文推荐使用GB2312,体积小,访问快;网站包含其他国家语言,推荐使用UTF-8编码。

注意:html文件中指定的字符集必须和保存这个文件的字符集保持一致,否则还是会出现乱码。

3.标签分类

  1. 按标签个数分:

    • 双标签:成对出现,开始标签+结束标签;
    • 单标签:只有一个结束标签;
  2. 按所处位置分:

    • 并列关系: 平级 如:head和body
    • 嵌套分析:上下级 如:html和head

4.DTD文档声明

为了让浏览器正确编译、解析、渲染网页,需在网页文件第一行声明网页是应用哪个版本的规范来编写的。

DTD文档格式:只用html5的格式,其向下兼容。

<!DOCTYPE html><html>    <head>            <meta charset="GBK" />            <title>欢迎来到我的微博!</title>    </head>    <body>    </body></html>

注意:1.网页第一行必须有DTD文档说明;不区分大小写;不是一个标签;虽然声明了规范,但是浏览器有一套自己的机制能够正常解析加载。


认识HTML

未完,待续

原创粉丝点击