html基础教程 html基础教学

一、什么是HTML

HTML简介

HTML是一种用来描述网页的语言。它是一种超文本标记语言,由一组标记组成。在制作网页时,HTML使用标记标签来描述网页。

发展史

html基础教程 html基础教学

超文本标记语言

超文本标记语言(超文本标记语言)于1993年6月发布(不是标准)。

html 2.0—于1995年11月发布为RFC1866,在RFC2854于2000年6月发布后被宣布过时。

html 3.2—1996年1月14日,W3C推荐标准。

html 4.0—1997年12月18日,W3C推荐标准。

HTML4.01(小改进)——1999年12月24日W3C推荐标准,2000年5月15日发布基本严格的HTML4.01语法,是ISO和IEC的标准。

XHTML1.0—发布于2000年1月26日,是W3C推荐的标准,于2002年8月1日修订并重新发布。

XHTML 1.1—发布于2001年5月31日

XHTML2.0是W3C的工作草案。因为改动过多,学习这项新技术的成本太高,胎死腹中。所以XHTML1.0是现在最常用的标准。

目前最新版本是HTML5,2004年提出,2007年被W3C接受,并成立了新的HTML工作小组。

2008年1月22日,HTML5的第一个正式草案发布。

2012年12月17日,HTML5规范正式定稿。

2013年5月6日,HTML5.1正式草案发布。

HTML 5作为最新版本,提供了一些新元素和一些有趣的新特性,也建立了一些新规则。这些元素、特征和规则的建立,提供了很多新的网页功能,比如用网页动态渲染图形、图表、图像和动画,不用安装任何插件,直接用网页播放视频。目前,HTML5在企业开发中的使用也越来越多。

HTML的优势

各大浏览器厂商对H5的支持市场的需求跨平台二、HTML的基本结构<html>……</html> HTML文档的开始和结束标记。<head>……</head> 头控制标记,不在界面上进行展示,子标签可设置SEO优化的一些内容以及设置网页的编码。<title>……</title>:设置浏览器的窗口上标题。<body>……</body>:页面可见内容。三、HTML的基本标签标题标签

h1~h6

& lt!DOCTYPE html & gt

& lthtml lang = & # 34恩& # 34;& gt

& lthead & gt

& ltmeta charset = & # 34UTF-8 & # 34;& gt

& lttitle & gt标题标签

& lt/head & gt;

& ltbody & gt

& lth1 & gt这是一级标题

& lth2 & gt这是二级标题

& lth3 & gt这是一个三级标题

& lth4 & gt这是一个四级标题

& lth5 & gt这是一个五级头衔

& lth6 & gt这是一个六级头衔

& lth7 & gt这是一个七级头衔

& lth1 & gt这是一级标题

& lt/body & gt;

& lt/html & gt;

段落标签和换行标签

p标签是段落标签,br标签是换行符标签。

& lt!DOCTYPE html & gt

& lthtml lang = & # 34恩& # 34;& gt

& lthead & gt

& ltmeta charset = & # 34UTF-8 & # 34;& gt

& lttitle & gt段落和换行符标签

& lt/head & gt;

& ltbody & gt

& lth1 & gt欢迎来到北京

& ltp & gt欢迎来到北京。为你创造世界

& ltp & gt欢迎来到北京。哪里有勇气,哪里就会有奇迹

& lt/body & gt;

& lt/html & gt;

水平线标签

Hr标签是一个横向标签。

& lt!DOCTYPE html & gt

& lthtml lang = & # 34恩& # 34;& gt

& lthead & gt

& ltmeta charset = & # 34UTF-8 & # 34;& gt

& lttitle & gt水平线标签

& lt/head & gt;

& ltbody & gt

& lth1 & gt漂洋过海来看你

& lthr & gt

& ltp & gt我为你花了半年的积蓄。漂洋过海来看你

& ltHR/>;

& lt/body & gt;

& lt/html & gt;

字体样式标签

Em是斜体标签,strong是粗体字体标签。

& lt!DOCTYPE html & gt

& lthtml lang = & # 34恩& # 34;& gt

& lthead & gt

& ltmeta charset = & # 34UTF-8 & # 34;& gt

& lttitle & gt字体样式标签

& lt/head & gt;

& ltbody & gt

& lth1 & gt漂洋过海来看你

& lthr & gt

& ltp & gt我给你用过了

& ltem & gt& ltstrong & gt穿越海洋

& lt/p & gt;

& ltHR/>;

& lt/body & gt;

& lt/html & gt;

注释和特殊符号注释的使用:

大于号: >大于号的缩写

小于号:

双引号:” & quot

版权符号:& copy

空网格:

& lt!DOCTYPE html & gt

& lthtml lang = & # 34恩& # 34;& gt

& lthead & gt

& ltmeta charset = & # 34UTF-8 & # 34;& gt

& lttitle & gt注释和特殊符号

& lt/head & gt;

& ltbody & gt

& ltpre & gt

注释的使用:

大于号: >大于号的缩写

小于号:

双引号:” & quot

版权符号:& copy

空网格:

& lt/pre & gt;

& lt!-我是注释内容,我只留给你看,不会显示在页面上-& gt;

5 & lt10 >;6 & ltbr & gt

“我被双引号引用了” & ltbr & gt

&复制;自由开发者公司

我正在测试空网格。

& lt/body & gt;

& lt/html & gt;

以上是对HTML的简单介绍,后面我会带你了解更多关于HTML的知识。

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。

发表回复

登录后才能评论