HTML入门

作者: sq_smile | 来源:发表于2018-01-13 18:06 被阅读29次

    1 HTML的概念:

            HTML 是用来描述网页的一种语言。

            HTML 指的是超文本标记语言: HyperText Markup Language

            HTML 不是一种编程语言,而是一种标记语言

            标记语言是一套标记标签 (markup tag)

            HTML 使用标记标签来描述网页

            HTML 文档包含了HTML 标签文本内容

            HTML文档也叫做 web 页面

    2 HTML标签:

            1)它是由尖括号包围的关键词。如<html>

            2)它成对出现。如:<q>  emmmm  </q> 

            3)就刚刚举得例子来说,第一个是开始标签(开放标签)第二个是结束标签(闭合标签),两个标签中间的内容是要显示的内容。

    3 HTML元素:

            HTML元素和HTML标签在平常情况下代表的意思相同,如果严格的来讲,HTML元素包含了开始标签和结束标签。如   HTML元素:

            <p>小辣鸡不会永远都是小辣鸡</p>

    4 web浏览器:

    它指的是我们平常使用的浏览器(谷歌浏览器,Internet Explorer,Firefox,Safari),它们的作用是读取HTML文件,将其显示在浏览器中,虽然并不是直接将其显示在浏览器的页面,但是可以通过标签来判断将什么样的内容展示给web浏览器的使用者。

    5 HTML的页面结构:

    HTML的页面结构

    注释:html元素   <body>里面的内容会被显示到页面中, <title>里面的内容会被显示到标题栏,其他部分的都不会被显示在web页面。

    6 注意点:在中文网页中需要加入<meta charset="utf-8">这个指令,否则会出现乱码。

                    当然有的浏览器会设置GBK为默认编码,这个时候要输入<mate charest="gbk">.

    7 接下来是一个HTML的实例;

            <!DOCTYPE  html>//声明是HTML文档

            <html>//HTML页面的根元素

            <head>//它包含了文档的元数据

            <mate charest="utf-8">//它能使HTML页面被浏览器更好的解析,使其不会出现乱码

            <title>小辣鸡</title>//设置网页的标题

             </head>

            <body>//HTML页面的可见内容

            <h1>欢迎来到小辣鸡收容所</h1>定义一个大标题

            <p>恕我直言,在座的都是辣鸡<p>定义一个段落

            </body>//页面内容的结束

             </html>//HTML页面的结束

    8 <!DOCTYPE  html>声明(不同版本的声明是不同的):

            HTML5:<!DOCTYPE html>

            HTML4.01   :<!DOCTYPE  HTML PUBLIC "-//W3C//DTD  HTML  4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">

            xHTML1.0:<!DOCYPE html  PUBLIC "-//W3C//DTD xHTML1.0 Treasitional//EN""http://w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    9 HTML的书写环境:

        1)记事本

        2)编译器。如:Notepad++

    10 HTML的标题:

    它分六种情况,用HTML元素来表示是<h1>到<h6>

    <h1>到<h6>标题的效果

    11 HTML里面的链接、段落、图片:

    源码

    相关文章

      网友评论

        本文标题:HTML入门

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