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