码迷,mamicode.com
首页 > Web开发 > 详细

HTML5

时间:2021-05-24 12:31:36      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:char   最小   strong   联网   silver   直接   script   选择   依赖   

1.HTML5,是html新的标准。
HTML4.01, HTML4,
xhtml 1.0 => xml

2.. HTML: html是超文本标记语言: Hyper Text Markup Language.
html5减少互联网富应用(RIA)对Flash、Silverlight、JavaFX等的依赖,并且提供更多能有效增强网络应用的API。


3. 如何写HTML代码?
<!DOCTYPE html>: 告诉浏览器,当前文档类型使用HTML5标准来解析执行。

4. html标签结构:<开始标签></结束标签>
<html></html>:根标签
<head></head>:网页的头部标签,主要放一些与网页有关的标签。如标题,编码,meta信息等。
<body></body>:放网页的内容的标签。如图片,标题,段落这些文本信息。

5. 标准的HTML文档结构:
<!DOCTYPE html>
<html>
<head>
<title>我的第一张网页</title>
</head>

<body>
hello world.
</body>
</html>

6. 标签的简单分类:
7。1 单双之分:
如<meta charset="utf-8" />,就是一个单标签,只有开始标签,没有单独的结束 标签。
如 <title>我的第一张网页</title>, 就是双标签,有开始标签,还有结束标签。

要求第一个标签,都必须闭合。会以“/”来表示标签的闭合。

单标签在">"前加"/":<br />

双标签在结束标签名称前加“/”。如: <title>我的第一张网页</title>

8. <meta/>元信息标签:用来表示 与当前网页有关的相关的信息,不可以在页面上直接显示出来的。

<meta charset="utf-8" />: 在<title>之前,设置当前网页的编码格式; 其它的编码gbk,gb2312,
<meta name="keywords" content="HTML,HTML5"> :关键字
<meta name="description" content="这是我的HTML开发的网页"/>:描述当前网页的中心内容;


关键字、描述,都用于SEO。


9. <!-- --> :HTML代码注释,

10.标题标签: 加粗显示,每个标题独占一行。行间距距离比普通的文本更大。数字越小,字号越大。 显示文章标题时,使用标题标签。
<h1>这是1号标题标签</h1>
<h2>这是2号标题标签</h2>
<h3>这是3号标题标签</h3>
<h4>这是4号标题标签</h4>
<h5>这是5号标题标签</h5>
<h6>这是6号标题标签</h6>

11. 段落标签: <p></p>,标签上下有16px的外边距。
文章的内容,用段落标签来显示 。

12. 浏览器中,默认字号大小是16px,而中文最小字号是12px.
13. <hr/>:显示一条水平的直线,叫水平分割线。

14.HTML语义化: 根据网页内容,选择对应的标签来写代码,而不是一直使用DIV来写HTML结构 。
15. <br />,换行标签,<br />后面的内容,会显示在网页的下一行。

16.<pre>:预格式化标签: 按代码中的格式排版,在网页上显示 出来。但是字号是变小了。

27. 文本格式化标签:
<i></i>:斜体
<u></u>: 下划线
<b></b>: 加粗
<strike>不建议用的标签,删除线</strike>
<del>删除线:del替代strike</del>
<em>这是斜体</em>
<strong>加粗</strong>

HTML5

标签:char   最小   strong   联网   silver   直接   script   选择   依赖   

原文地址:https://www.cnblogs.com/nannian/p/14773578.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!