一 前记

　　你每天浏览的网页，通过网络看的新闻，看着淘宝京东的绚丽多彩的界面。是否想过这个问题，它是怎么实现的呢？有没有搜过相关的知识呢？假如没有，假如你是一位对事物好奇的主或者是做计算机相关东西的人。建议你搜一下，搜之后你就会发现，原来这背后还有那么多的精彩故事，其中，这个故事的主角就是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网页实例:

 <html>

 <body>

 <p>This is myhtml example .</p>

 <p>First is index web .</p>

 <a href="https://home.cnblogs.com/u/dylancao/">

 This is a link</a>

 <p>Second is back ground test .</p>

 <p style="background-color:green">This is a background test.</p>

 <a href="https://home.cnblogs.com/u/dylancao/">

 This is my web </a>

 </body>

 </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 百科介绍

快速入门和使用HTML–使用Django建立你的第一个网站的更多相关文章

  1. Django跳转到不同的页面的方法和实例–使用Django建立你的第一个网站

    1 前记 这次记录的这些东西,主要是自己在搭建个人网站的时候遇到的一些问题记录,不算严格意义上的教程和使用说明.按照目前自己的web水平,去写这方面的教程无疑是误人子弟.因为自己虽然做程序员很多年,但 ...

  2. uwsgi基本介绍安装和测试--使用Django建立你的第一个网站

    一 基本介绍 对像我这样不是专业做网络的人来说,uuwsgi是一个陌生的东西.它是谁?它可以做什么?谁会用到它?其实,在不知道一个东西是什么的情况下,能够快速的了解并使用它,是一门很有艺术性的事情.最 ...

  3. Django+Nginx概念安装和使用–使用Django建立你的第一个网站

    一 前记 最近在使用Django倒腾属于自己的网站,由于以前没有接触过多少这类信息,所以,很多东西都是从零开始学习的.在参考网上的资料时候,发现很多对这方面记录的,很多人都写的不是很清楚,也许我这个新 ...

  4. Node.js快速入门

    Node.js是什么? Node.js是建立在谷歌Chrome的JavaScript引擎(V8引擎)的Web应用程序框架. 它的最新版本是:v0.12.7(在编写本教程时的版本).Node.js在官方 ...

  5. 我给女朋友讲编程html系列(1) -- Html快速入门

    Html是一门编写网页的语言. 在我学习Html的时候,网上的很多朋友说,直接使用[记事本]编写就行了,最后保存为后缀名为 .html 的文件. 不过,我建议你用[Nodepad++]来编写网页,用这 ...

  6. django restframework 快速入门

    django restframework 快速入门 基本流程 建立 Models 依靠 Serialiers 将数据库取出的数据 Parse 为 API 的数据(可用于返回给客户端,也可用于浏览器显示 ...

  7. Django REST framework快速入门指南

    项目设置 创建一个名为tutorial的新Django项目,然后开始一个名为quickstart的新应用程序. # Create the project directory mkdir tutoria ...

  8. Celery 分布式任务队列快速入门 以及在Django中动态添加定时任务

    Celery 分布式任务队列快速入门 以及在Django中动态添加定时任务 转自 金角大王 http://www.cnblogs.com/alex3714/articles/6351797.html ...

  9. Bootstrap快速入门并且建立常用模板

    对于移动端,能够快速搭建网站,操作相对简单 ,更容易掌握,这篇文章就介绍一下BootStrap 一  什么是Bottstrap 一个前端开发的框架,Bootstrap,来自 Twitter,是目前很受 ...

随机推荐

  1. vs2019+cmake实现Linux远程开发

    在上一篇文章中我们介绍了使用vs2019作为远程Linux系统的开发环境,但我们是创建的传统的sln项目,而对于Linux开发者来说以autotools或是cmake进行项目结构的组织更为简单直观,也 ...

  2. 使用fine-uploader上传文件

    步骤1:下载fine-uploader 步骤2:加入引用 <link href="/fine-uploader/fine-uploader-gallery.min.css" ...

  3. codeblocks中文乱码原因及解决办法

    原因:(本地化做得不够好)默认情况下codeblocks编辑器保存源文件是保存为windows本地编码,就是WINDOWS-936字符集,即GBK:但CB的编辑器在默认编辑的时候是按照UTF-8来解析 ...

  4. 漫话：如何给女朋友解释什么是"锟斤拷"？

    漫话:如何给女朋友解释什么是"锟斤拷"? ​ 周末女朋友出去逛街了,我自己一个人在家看综艺节目,突然,女朋友给我打来电话. 过了一会,女朋友回来了,她拿出手机,给我看了她在超市拍的 ...

  5. 到底什么是故事点（Story Point）？

    故事点是一个度量单位,用于表示完成一个产品待办项或者其他任何某项工作所需的所有工作量的估算结果. 当采用故事点估算时,我们为每个待办项分配一个点数.待办项估算结果的原生数据并不重要,我们只关注最后得到 ...

  6. P2564 [SCOI2009]生日礼物 贪心

    https://www.luogu.org/problemnew/show/P2564) 题意 有n个珠子,包括k中颜色,找出长度最小的一个区间,使得这个区间中包含所有的颜色. 思路 把n个珠子按照位 ...

  7. P3355 骑士共存问题 二分建图 + 当前弧优化dinic

    P3355 骑士共存问题 题意: 也是一个棋盘,规则是“马”不能相互打到. 思路: 奇偶点分开,二分图建图,这道题要注意每个点可以跑八个方向,两边都可以跑,所以边 = 20 * n * n. 然后di ...

  8. 在windows上，使用虚拟机安装苹果操作系统

    以下是我这两天安装这个苹果操作系统时,所看的文档,集合.已经成功,再次做一个摘录. 分别看了一下几个链接: http://www.bubuko.com/infodetail-2257390.html ...

  9. 微信小程序实现pdf,word等格式文件上传

    目前微信只支持从聊天记录里面获取文件 一.前言 目前微信提供了一个接口 wx.chooseMessageFile 它能让用户从聊天记录里面选择一个或者多个文件,然后返回它的一些信息,列入文件的path ...

  10. 【Offer】[53-1] 【数字在排序数组中出现的次数】

    题目描述 思路分析 测试用例 Java代码 代码链接 题目描述 统计一个数字在排序数组中出现的次数.例如,输入排序数组{1,2,3,3,3,3,4,5}和数字3,由于3在这个数组中出现了4次,因此输出 ...