HTML基础语法

作者: 疏疏星影 | 来源:发表于2017-06-26 11:11 被阅读29次

    标记语言

    1.HTML用于描述功能的符号称为“标记”,比如<p>、<h1>等

      --标记在使用时必须使用尖括号括起来

      --有封闭类型标记,也有非封闭类型的标记

    标记语法(续1)

    1.封闭类型标记(也叫双标记):必须成对出现

      -<标记>内容</标记>

     2.封闭类型的标记必须成对出现

      - 如果一个应该封闭的标记没有被封闭,则会产生意料不到的错误

    标记语法(续2)

    1.非封闭类型标记,也叫做空标记,或者单标记

     - <标记/>

     - 或者

     - <标记>

    2.不能包含内容

    普通文本一 <br/>普通文本二

    普通文本三 <br>普通文本四

    元素

    1.元素,即标记

    2.每一对尖括号包围的部分

      - 如<body></body>包围的部分就叫做body元素

      - 元素就像是小标签,用于标识网页文档的不同部分

     3.元素可以包含文本内容和其他元素,也可以是空的,比如前面所诉的空标记

    元素嵌套

    1.元素之前可以相互嵌套,形成更为复杂的语法

     在嵌套元素时需要标记的嵌套顺序

    属性和值

    1.属性用来修饰元素

      -- 属性的声明必须位于开始标记里

      -- 一个元素的属性可能不止一个,多个属性之间用空格隔开

     -- 多个属性之间不区分先后顺序

    2.每个属性都有值

     -- 属性和属性的值之间用等号链接

     --属性的值包含在引号中

    标准属性

    1. 每个元素都有自己所特有的属性

    2.有些属性是绝大多数元素都支持的属性,称为标准属性(或通用属性)

     -- id

     -- title

     -- class

     -- style

    注释

     1.为代码添加适当的注释是一种良好的编码习惯

     2.注释只在编辑文档情况下可见,在浏览器展示页面时并不会显示

     3.添加注释的语法如下

      - <!--注释部分-->

     备注:1.“<!--”和“-->”之间的任何内容都不会显示在浏览器中

                2.注释不可以嵌套在其他注释中

                3.注释不可以位于嵌在<>中

    HTML 和 XHTML

    1.XHTML于2000年的一月26日成为W3C标准

      -- 与HTML4.0.1几乎相同

      --更严格更纯净的HTML版本

    HTML5

    1.HTML5的目标,就是更为简洁的HTML代码

    HTML文档的结构

    1.文档类型声明

    2.html页面

     -- 文件头:<head> </head>

     -- 文档主体部分:<body></body>

    文档类型声明

    1.在文档的起始位用DOCTYPE声明指定版本和风格

      --让浏览器清楚文档的版本、类型和风格

    2.Strict  DTD

    <!DOCTYPE html PUBLIC " -//W3C//..../xhtml1-strict.dtd">

    3.Transitional DTD

     <!DOCTYPE html PUBLIC "-//W3C//..../xhtml1-transitional.dtd">

    4.Frameset DTD

     <!DOCTYPE html PUBLIC " - //W3C// .../xhtml1-frameset.dtd">

     5.HTML5

    <!DOCTYPE  HTML>

    <html>元素

     1.整个文档的包含元素

      -- 在DOCTYPE 的文档类型声明之后

      -- 按照严格版本(Strict XTML  1.0),起始的<html>标记中必须包含命名空间标识符

     2.有两个子元素

      - <head> :页面的头部内容

      - <body> :页面的主体内容

    <head>元素

     1.<head>元素用于为页面定义全局信息

     - 所有其他头元素的容器

     - 紧跟在起始标签<html>之后

     2.可包含

     - title 、meta、script 、style 、link等

    文档头疼内容 -- <title>

    1.标题元素<title></title>用于为文档定义标题

      -- 标题元素的内容出现在浏览器顶部

      -- 没有属性

      -- 必须出现在<head> 元素中

      -- 一个文档只能有一个标题元素

      文档头部内容 -- <meta>

      1.元数据元素<meta>用于定义网页的基本信息

       2. 为空标记

       3.常用属性有:content 、http-equiv

    <body>元素

     1.<body>元素出现在<head>元素之后,包含网页要显示给读者的内容,称为主体内容

      2.可以包含除了html、head 外所有元素

     

     

    相关文章

      网友评论

        本文标题:HTML基础语法

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