快速入门和使用HTML–使用Django建立你的第一个网站

一 前记

你每天浏览的网页,通过网络看的新闻,看着淘宝京东的绚丽多彩的界面。是否想过这个问题,它是怎么实现的呢?有没有搜过相关的知识呢?假如没有,假如你是一位对事物好奇的主或者是做计算机相关东西的人。建议你搜一下,搜之后你就会发现,原来这背后还有那么多的精彩故事,其中,这个故事的主角就是HTML。自从计算机网络蔓延开来之后,HTML直接承担了计算机和人们交流的翻译师角色。这也许就是HTML的最大价值吧。

二 概念

HTML的英文全称是 Hypertext Marked Language,即超文本标记语言。使用HTML语言,将所需要表达的信息按某种规则写成HTML文件,通过专用的浏览器来识别,并将这些HTML文件“翻译”成可以识别的信息,即现在所见到的网页。说的白话一些,就是你现在看到的网页基本上都是使用HTML表达之后,使用浏览器显示出来的。严格意义上来讲,HTML 不是一种编程语言,而是一种标记语言 (markup language)
HTML是一种建立网页文件的语言,通过标记式的指令(Tag),将影像、声音、图片、文字动画、影视等内容显示出来。事实上,每一个HTML文档都是一种静态的网页文件,这个文件里面包含了HTML指令代码,这些指令代码并不是一种程序语言,只是一种排版网页中资料显示位置的标记结构语言。每个html文件就是一个静态网页,通过单击来来实现一个网页到另一个网页的跳转。HTTP协议的制定使浏览器在运行超文本时有了统一的规则和标准。

因而,超级文本标记语言是万维网( Web
)编程的基础,也就是说万维网是建立在 超文本
基础之上的。

三 基本语法

1 标题:HTML 标题(Heading)是通过

等标签进行定义的。
实例:

This is a heading

This is a heading

This is a heading

2 段落:HTML 段落是通过 标签进行定义的。
实例:

This is a paragraph.

This is another paragraph.

3 链接:HTML 链接是通过 标签进行定义的。
实例:

This is a link

4 图像:HTML 图像是通过 标签进行定义的。
实例:


四 例程

下面看一个最基本的html网页实例:

 1 
 2 
 3 
 4 This is myhtml example .
 5 First is index web .
 6 
 7 This is a link
 8 Second is back ground test .
 9 

This is a background test. 10 11 This is my web 12 13

运行后的网页如下:
This is myhtml example .
First is index web .

This is a link

Second is back ground test .
This is a background test.

This is my web

可以看出:html主要有三大元素构成:
A  

元素:例程第4行
这个

元素定义了 HTML 文档中的一个段落。
这个元素拥有一个开始标签

,以及一个结束标签


元素内容是:This is my first paragraph。
B  元素:例程2行到12行
元素定义了 HTML 文档的主体。
这个元素拥有一个开始标签 ,以及一个结束标签 。
元素内容是另一个 HTML 元素(p 元素)。
C   元素:例程第1到13行:
元素定义了整个 HTML 文档。
这个元素拥有一个开始标签 ,以及一个结束标签 。
元素内容是另一个 HTML 元素(body 元素)。

四 总结

我这里只是带着你大致熟悉一下html的基本语法,至少能了解什么是html以及它的基本用法,想进一步学习的同学请看: https://www.w3school.com.cn/h.asp

五 参考文档:

1 https://www.cnblogs.com/ultrazb/p/3771277.html
浅析html+css+javascript之间的关系与作用

2 https://baike.baidu.com/item/HTML/97049?fr=aladdin
百科介绍