美文网首页
html基础标签

html基础标签

作者: 时光在浅唱 | 来源:发表于2018-10-17 00:05 被阅读5次

初学入门,可能有些地方会理解有误,恳请批评指正~

hyperText markup language 超文本标记语言

1. html——文本(结构)

    css——图片背景底色装修(样式)

     js——动态(行为)

2. 每一个html页面中都包含且只包含一对<html></html>标签(根标签),所有的内容都被包含在这对标签中。

3. 根标签中必须包含两对结构化标签:<head></head>标签和<body></body>标签

    (1) <head></head>标签的内容是编辑给浏览器的,是人看不到的。感觉可以理解成给浏览器的指令   

    (2) <body></body>标签是展现给用户看的,人能够看得到的。

4. 为了防止中文乱码,需要在<head></head>标签中设置编码字符集:<meta>并且给她设置属性为<meta charset="utf-8">

     (1)<meta>是单标签;

     (2)属性只能设置在头标签中,形式:属性名=“属性值”;

     (3)编码字符集:gb2312(识别亚裔字符集,但只能识别简体中文)

                                   gbk(gb2312扩展集,包含繁体中文)

                                   unicode(万国码)——常用

                                   utf-8(unicode的升级)——常用

5. <title></title>标签,位于<head></head>标签内,显示网页的名字(最左上方)

6. <html lang="en">中,属性lang是告诉搜索引擎爬虫,我们的网站是关于什么内容的,例如en(英文)zh(中文)de(德语)

7. SEO:搜索引擎优化

8. <p></p>段标签,使内容成段表现。在<body></body>标签中。

9. <h1></h1>标签:标题标签,一号标题 ,且成段展示(单独一行),可以任意放大和缩小字体,加粗字体。在<body></body>标签中。

    <h2></h2>标签:二号标题

    <h3></h3>标签:三号标题

    <h4></h4>标签:四号标题

    <h5></h5>标签:五号标题

    <h6></h6>标签:六号标题,只有六种标题格式

10. <strong></strong>标签:加粗字体。在<body></body>标签中。

11. <em></em>标签:使字体变成斜体。

12. <del></del>标签:字体上有中划线。(一般不用,因为涉及到css样式,不好更改不好调试,违背“行为样式结构分离的原则”)

13. <address></address>标签:斜体且独占一行(一般不用,可用<p></p>标签和<em></em>标签代替)

14. <div></div>标签:充当容器,用来给页面分块,结构化;可以绑定操作

      <span></span>标签:和<div></div>标签功能基本相同,但是不分段展示。

15. 标签之间可以嵌套。

2018-10-16(渡一教育“web前端开发HTML+CSS精英班”笔记)

心情愉快,充满干劲儿~

相关文章

网友评论

      本文标题:html基础标签

      本文链接:https://www.haomeiwen.com/subject/vyghzftx.html