Fork me on GitHub

快速入门和使用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）是通过 <h1> - <h6> 等标签进行定义的。
　　实例：

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

2 段落：HTML 段落是通过 <p> 标签进行定义的。

　　实例：

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>


3 链接：HTML 链接是通过 <a> 标签进行定义的。

　　实例：

<a href="http://www.w3school.com.cn">This is a link</a>

 

4 图像：HTML 图像是通过 <img> 标签进行定义的。

　　实例：

<img src="w3school.jpg" width="104" height="142" />

 

四 例程

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

 1 <html>
 2 <body>
 3 
 4 <p>This is myhtml example .</p>
 5 <p>First is index web .</p>
 6 <a href="https://home.cnblogs.com/u/dylancao/">
 7 This is a link</a>
 8 <p>Second is back ground test .</p>
 9 <p style="background-color:green">This is a background test.</p>
10 <a href="https://home.cnblogs.com/u/dylancao/">
11 This is my web </a>
12 </body>
13 </html>

 

　　运行后的网页如下：

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  <p> 元素：例程第4行

这个 <p> 元素定义了 HTML 文档中的一个段落。

这个元素拥有一个开始标签 <p>，以及一个结束标签 </p>。

元素内容是：This is my first paragraph。

　　B <body> 元素：例程2行到12行

<body> 元素定义了 HTML 文档的主体。

这个元素拥有一个开始标签 <body>，以及一个结束标签 </body>。

元素内容是另一个 HTML 元素（p 元素）。

　　C  <html> 元素：例程第1到13行：

　　<html> 元素定义了整个 HTML 文档。

这个元素拥有一个开始标签 <html>，以及一个结束标签 </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 百科介绍

posted on 2019-09-29 09:24  虚生  阅读(948)  评论(0)  编辑  收藏  举报