HTML 基础

时间:2019-09-04
本文章向大家介绍HTML 基础,主要包括HTML 基础使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

HTML 基础

  一、HTML 的概念性知识

html是 htyper text markup lauguage 即超文本标记语言,超文本就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素,而标记语言:即标记(标签)构成的语言。

  网页相当于HTML文档,由浏览器解析(就像你写.py文件用pyCharm解析一样),用来展示的,静态网页即静态的资源,如xxx.html,动态网页是html代码是由某种开发语言根据用户请求动态生成的。

什么是标签:

  1、是由一对尖括号包裹的单词构成 例如:*所有标签中的单词不可能以数字开头.

  2、标签不区分大小写. 和 . 推荐使用小写.

  3、标签分为两部分:开始标签. 两个标签之间的部分我们叫做标签体.

  4、有些标签功能比较简单.使用一个标签即可.这种标签叫做自闭和标签.例如:


  5、标签可以嵌套.但是不能交叉嵌套.

标签的属性:

  1、通常是以键值对形式出现的.例如 name="haishiniu"

  2、属性只能出现开始标签 或 自闭和标签中.

  3、属性名字全部小写.*属性值必须使用双引号或单引号包裹 例如 name="haishiniu"

  4、如果属性值和属性名完全一样.直接写属性名即可. 例如 readonly

块级标签和内联标签

  块级标签:


        内联标签:

      block(块)元素的特点

        1、总是在新行上开始;

        2、高度,行高以及外边距和内边距都可控制;

        3、宽度缺省是它的容器的100%,除非设定一个宽度。

        4、它可以容纳内联元素和其它块级元素

      inline元素的特点

        1、和其它元素都在一行上;

        2、高,行高及外边距和内边距不可改变;

        3、宽度就是它的文字或图片的宽度,不可改变

        4、内联元素只能容纳文本或者其它内联元素

      对行内元素,需要注意如下

        设置宽度width无效

        设置高度height无效,可以通过line-height来设置。

        设置margin只有左右margin有效,上下无效。

        设置padding只有左右padding有效,上下则无效。注意元素范围是增大了,但是对元素周围的内容没影响。

      接下来看一下HTML的文档树:

      ?

      ?

      ?

      ?

      ?

      ?二、HTML标签的解析

      1、head标签

        标签用于定义文档的头部,它是所有头部元素的容器。中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。文档的头部描述了文档各种属性和信息,包含文档的标题、在Web中的位置以及和其它文档的关系等等。绝大多数文档包含的数据都不会真正作为内容显示给读者。定义文档的标题,它是head部分中唯一必需的元素。

      下面这些标签可用在head部分:,,

      $flag 上一页 下一页

上一篇:单列模式

下一篇:模拟测试20190904