微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

HTML5

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>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。