html笔记第一篇
时间:2021-07-17 13:21:04 阅读:410
1. 创建一个html5的文件,在sublime中直接输入!+tab键就可以生成。
2. 创建一个xhtml的文件,在sublime中输入html:xt+tab键就可以生成;一般都采用html5
3. <!DOCTYPE html>:文档申明,一定要写在文档的开头
4. <html> </html>:标签成对出现
5. <head></head>:包含在<html> </html>里面,属于html的子集。里面写的是网页的标题。
6. <body></body>:与<head></head>同级,显示网页设置的内容。所有网页显示的内容都必须写在这个标签里面。
7. <meta charset="utf-8">:meta表示编码的标签。
8. lang=”en”:表示将网页定义成英文;lang=”zh-CN”:表示将网页定义成中文
9. <!-- 中间的是注释 -->:html中的注释,方便我们编写代码。
10. <h1>、<h2>、<h3>、<h4>、<h5>、<h6>标签:可以在网页上定义6种不同的标题,6种级别的标题表示文档的6级目录层级关系;例如:<h1>这是一级标题</h1>,<h2>这是二级标题</h2>……..
11. <p></p>:是文档里面的一个段落(即包含于<body></body>中)。
12. <div></div>:和<p></p>一样,用于段落,<div></div>一般用于嵌套;可以在里面嵌套<p></p>和<h1>、<h2>、<h3>、<h4>、<h5>、<h6>标签等标签。
13. 字符实体:>;:表示大于号;<;:表示小于号(一定要写后面的分号)
14. <br />:换行符,独立使用(记得空格加斜杠)
15. <span>:表示一行中的一小段内容。例如需要对这一小段文字进行样式的添加。
16. <em></em>:行内元素,表示语气中的强调词。被包起来的字体有斜体的样式。
17. <i></i>:行内元素,表示专业词汇;被包起来的字体有斜体的样式。
18. <b></b>:行内元素,表示文档中的关键词或产品名;被包起来的字体会有加粗的样式。
19. <strong></strong>:行内元素,表示非常重要的内容;用于段落,被包起来的字体会有加粗的样式。
20. <img />:网页插入图片,独立使用;例如:<image src=”图片路径”/>,这里的src表示的是图片的路径属性。
21. alt属性:定义图片加载失败是显示的文字;使用方法:<image src=”图片路径” alt=”产品图片”/>
本文转载于:木子工具
2. 创建一个xhtml的文件,在sublime中输入html:xt+tab键就可以生成;一般都采用html5
3. <!DOCTYPE html>:文档申明,一定要写在文档的开头
4. <html> </html>:标签成对出现
5. <head></head>:包含在<html> </html>里面,属于html的子集。里面写的是网页的标题。
6. <body></body>:与<head></head>同级,显示网页设置的内容。所有网页显示的内容都必须写在这个标签里面。
7. <meta charset="utf-8">:meta表示编码的标签。
8. lang=”en”:表示将网页定义成英文;lang=”zh-CN”:表示将网页定义成中文
9. <!-- 中间的是注释 -->:html中的注释,方便我们编写代码。
10. <h1>、<h2>、<h3>、<h4>、<h5>、<h6>标签:可以在网页上定义6种不同的标题,6种级别的标题表示文档的6级目录层级关系;例如:<h1>这是一级标题</h1>,<h2>这是二级标题</h2>……..
11. <p></p>:是文档里面的一个段落(即包含于<body></body>中)。
12. <div></div>:和<p></p>一样,用于段落,<div></div>一般用于嵌套;可以在里面嵌套<p></p>和<h1>、<h2>、<h3>、<h4>、<h5>、<h6>标签等标签。
13. 字符实体:>;:表示大于号;<;:表示小于号(一定要写后面的分号)
14. <br />:换行符,独立使用(记得空格加斜杠)
15. <span>:表示一行中的一小段内容。例如需要对这一小段文字进行样式的添加。
16. <em></em>:行内元素,表示语气中的强调词。被包起来的字体有斜体的样式。
17. <i></i>:行内元素,表示专业词汇;被包起来的字体有斜体的样式。
18. <b></b>:行内元素,表示文档中的关键词或产品名;被包起来的字体会有加粗的样式。
19. <strong></strong>:行内元素,表示非常重要的内容;用于段落,被包起来的字体会有加粗的样式。
20. <img />:网页插入图片,独立使用;例如:<image src=”图片路径”/>,这里的src表示的是图片的路径属性。
21. alt属性:定义图片加载失败是显示的文字;使用方法:<image src=”图片路径” alt=”产品图片”/>
本文转载于:木子工具
郑重声明:文章内容来自互联网,纯属作者个人观点,仅供参考,并不代表本站立场 ,版权归原作者所有!
上一篇:那些你不知道的学习工具站分享!
相关推荐