黑基网 首页 学院 编程开发 查看内容

Java前端之HTML简介

2017-6-10 00:19| 投稿: heilong916 |来自: 互联网

摘要: 1、HTML实例:HTML实例这是一个html标题这是一个段落2、实例解析:(1)声明为HTML5文档(2)元素是HTML页面的根元素(3)元素包含了文档的元(meta)数据(4)元素描述了文档的标题/pp(5)body元素包含了可见的页面内容/pp(6)h ...

1、HTML实例:

HTML实例

这是一个html标题

这是一个段落

2、实例解析:

(1)声明为HTML5文档

(2)元素是HTML页面的根元素

(3)元素包含了文档的元(meta)数据

(4)元素描述了文档的标题</p><p>(5)<body>元素包含了可见的页面内容</p><p>(6)<h1>元素定义了一个大标题</p><p>(7)<p>元素定义了一个段落</p><h1><strong>3、什么是HTML:</strong></h1><p>HTML标记标签通常被称为HTML标签(HTML tag)</p><p>(1)HTML标签是由尖括号包围的关键词,比如<html></p><p>(2)HTML标签通常是成对出现的,比如<b>和</b></p><p>(3)标签中的第一个标签是开始标签,第二个标签是结束标签</p><p>(4)开始和结束标签也被称为开放标签和闭合标签</p><p><标签>内容</标签></p><h1><strong>4、HTML元素:</strong></h1><p>"HTML标签"和"HTML元素"通常描述的是同样的意思,但严格来讲,一个HTML元素包含了开始标签与结束标签。如下实例:</p><p>HTML元素:</p><p><p>这是一个段落</p></p><h1><strong>5、Web浏览器:</strong></h1><p>Web浏览器(如谷歌浏览器,Internet Explorer,Firefox,Safari)是用于读取HTML文件,并将其作为网页显示。浏览器并不是直接显示的HTML标签,但可以使用标签来决定如何展示HTML页面的内容给客户:<img src="http://p3.pstatp.com/large/243600015e976addb214" img_width="483" img_height="235" alt="Java前端之HTML简介" inline="0"></p><h1><strong>6、HTML网页结构:</strong></h1><p>下面是一个可视化的HTML页面结构:</p><p><img src="http://p9.pstatp.com/large/2437000122bfd1b2496e" img_width="666" img_height="411" alt="Java前端之HTML简介" inline="0"></p><p>只有<body>区域(白色部分)才会在浏览器中显示</p><h1><strong>7、HTML版本:</strong></h1><p>从初期的网络诞生后,已经出现了许多HTML版本:</p><table class="border"><tbody><tr class="firstRow"><td>版本</td><td>发布时间</td></tr><tr><td>HTML</td><td>1991</td></tr><tr><td>HTML+</td><td>1993</td></tr><tr><td>HTML 2.0</td><td>1995</td></tr><tr><td>HTML 3.2</td><td>1997</td></tr><tr><td>HTML 4.01</td><td>1999</td></tr><tr><td>XHTML 1.0</td><td>2000</td></tr><tr><td>HTML5</td><td>2012</td></tr><tr><td>XHTML5</td><td>2013</td></tr></tbody></table><h1><strong>8、<!DOCTYPE>声明:</strong></h1><p><!DOCTYPE>声明有助于浏览器中正确显示网页。</p><p>网络上有很多不同的文件,如果能够正确声明HTML版本,浏览器就能正确显示网页内容。</p><p>doctype是不区分大小写的,以下方式均可:</p><p><!DOCTYPE html></p><p><!DOCTYPE HTML></p><p><!doctype html></p><p><!Doctype Html></p><h1><strong>9、通用声明:</strong></h1><p>HTML5:</p><p><!DOCTYPE html></p><p>HTML 4.01:</p><p><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"</p><p>"http://www.w3.org/TR/html4/loose.dtd"></p><p>XHTML 1.0:</p><p><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"</p><p>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></p><p>查看完整网页声明类型DOCTYPE 参考手册。</p><h1><strong>10、中文编码:</strong></h1><p>目前在大部分浏览器中,直接输出中文会出现中文乱码情况,这时候我们就需要在头部将字符声明为UTF-8。</p><p><!DOCTYPE html></p><p><html></p><p><head></p><p><meta charset="UTF-8"></p><p><title>HTML实例

这是一个html标题

这是一个段落

劳逸结合才是王道,嘿嘿嘿

以上图片及内容均来自于网上资源,但却是我一点一点的打出来的,如果不喜欢,请勿喷。如侵权,请告知。谢谢!

小编推荐:欲学习电脑技术、系统维护、网络管理、编程开发和安全攻防等高端IT技术,请 点击这里 注册黑基账号,公开课频道价值万元IT培训教程免费学,让您少走弯路、事半功倍,好工作升职加薪!

本文出自:http://www.toutiao.com/a6429642201991463170/

免责声明:本文由投稿者转载自互联网,版权归原作者所有,文中所述不代表本站观点,若有侵权或转载等不当之处请联系我们处理,让我们一起为维护良好的互联网秩序而努力!联系方式见网站首页右下角。


鲜花

握手

雷人

路过

鸡蛋

相关阅读

发表评论

最新评论

引用 游客 2017-11-30 14:36
BzhpSe  <a href="http://xobrivrmsxin.com/">xobrivrmsxin</a>, [url=http://mgzjvjamzicv.com/]mgzjvjamzicv[/url], [link=http://cuqltmafvchh.com/]cuqltmafvchh[/link], http://rokikrcdjtqd.com/
引用 游客 2017-11-29 03:49
cdozwl http://www.LnAJ7K8QSpfMO2wQ8gO.com

查看全部评论(2)


新出炉

返回顶部