一、什么是HTML
HTML简介
HTML是用来描述网页的一种语言,它是一种超文本标记语言,由一套标记标签组成,在制作网页时,HTML使用标记标签来描述网页。
发展史
HTML:Hyper Text Markup Language超文本标记语言
超文本标记语言—在1993年6月互联网工程工作小组工作案发布(并非标准)
HTML2.0—1995年11月作为RFC1866发布,在RFC2854于2000年6月发布之后被宣布过时。
HTML3.2—1996年1月14日,W3C推荐标准
HTML4.0—1997年12月18日,W3C推荐标准
HTML4.01(微小改进)—1999年12月24日,W3C推荐标准,2000年5月15日发布基本严格的HTML4.01语法,是国标标准化组织和国际电工委员会的标准
XHTML1.0—发布于2000年1月26日,是W3C推荐标准,后来经过修订于2002年8月1日重新发布
XHTML1.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
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>标题标签</title> </head> <body> <h1>这是一级标题</h1> <h2>这是二级标题</h2> <h3>这是三级标题</h3> <h4>这是四级标题</h4> <h5>这是五级标题</h5> <h6>这是六级标题</h6> <h7>这是七级标题</h7>效果怎么显示不出来呢??? <h1>这是一级标题</h1> </body> </html> |
- 段落标签和换行标签
p标签为段落标签,br标签为换行标签
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>段落和换行标签</title> </head> <body> <h1>北京欢迎你</h1> <p>北京欢迎你,<br>为你开天辟地</p> <p>北京欢迎你,<br/>有有勇气就会有奇迹</p> </body> </html> |
- 水平线标签
hr标签为水平线标签
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>水平线标签</title> </head> <body> <h1>漂洋过海来看你</h1> <hr> <p>为你我用了半年的积蓄,<br>漂洋过海来看你</p> <hr/> </body> </html> |
- 字体样式标签
em为斜体标签,strong为字体加粗标签
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>字体样式标签</title> </head> <body> <h1>漂洋过海来看你</h1> <hr> <p>为你我用了<em>2017</em>半年的<strong><em>积蓄</em></strong>,<br> <em><strong>漂洋过海</strong></em>来看你 </p> <hr/> </body> </html> |
- 注释和特殊符号
注释使用:<!–被注释的内容–>
大于号:> great than的缩写
小于号:< less than的缩写
双引号:""
版权符号:©
空格:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>注释和特殊符号</title> </head> <body> <pre> 注释使用:<!–被注释的内容–> 大于号:> great than的缩写 小于号:< less than的缩写 双引号:"" 版权符号:© 空格: </pre> <!– 我是被注释的内容,我只留给你们看,不会在页面上显示 –> 5<10>6 <br> "我是被双引号引起来的内容"<br> ©自由职业开发者公司<br> 我是 测试 空 格的 </body> </html> |
以上就是HTML的简单入门,后续带大家更深入的了解HTML
本文【html特殊字符空格的代码_html文本开头空两格】由作者: 递归 提供,本站不拥有所有权,只提供储存服务,如有侵权,联系删除!
本文链接:https://www.cuoshuo.com/blog/4226.html