学习Html的第一天
仅仅将很久之前学习的Html以及Css知识整理一下,补充一下博客笔记。大多摘自W3CSCHOOL
什么是 HTML?
HTML 语言用于描述网页。
- HTML 是指超文本标记语言: Hyper Text Markup Language
- HTML 不是一种编程语言,而是一种标记语言
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
- HTML 文档包含了HTML 标签及文本内容
- HTML 文档也叫做 web页面
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>w3cschool 在线教程(www.w3cschool.cn)</title> 6 </head> 7 <body> 8 <h1>我的第一个标题</h1> 9 <p>我的第一个段落。</p> 10 </body> 11 </html>
- DOCTYPE 声明了文档的类型
- <html> 标签是HTML页面的根元素,该标签的结束标志为 </html>
- <head>标签包含了文档的元(meta)数据,如<meta charset="utf-8">定义网页编码格式为utf-8。</head>
- <title>标签定义文档的标题,即网站的标题,比如“百度一下,你就知道”</title>
- <body> 标签定义文档的主体,即网页可见的页面内容,该标签的结束标志为 </body>
- <h1> 标签作为一个标题使用,该标签的结束标志为 </h1>
- <p> 标签作为一个段落显示,该标签的结束标志为 </p>
HTML 链接
HTML 链接是通过标签 <a> 来定义的.a
标签,也叫anchor(锚点)
元素,既可以用来链接到外部地址实现页面跳转功能,也可以链接到当前页面的某部分实现内部导航功能。
<a href="http://www.w3cschool.cn">这是一个链接</a>
HTML 图像
HTML 图像是通过标签 <img> 来定义的。使用img
元素来为你的网站添加图片,使用src
属性指向一个图片的具体地址。
举例如下:<img src="w3cnote://file/getImage?fileId=httpswwwyour-image-sourcecomyour-imagejpg">
请注意:img
元素是自关闭元素,不需要结束标记。
<img src="w3cnote://file/getImage?fileId=w3cschoolpng" width="104" height="142">
标题很重要
请确保将 HTML 标题 标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。
搜索引擎使用标题为您的网页的结构和内容编制索引。
因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。
应该将 h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。
您可以在实战练习中学习编辑<h2>
HTML 水平线
<hr> 标签在 HTML 页面中创建水平线。
hr 元素可用于分隔内容,使用该元素产生的水平线可以在视觉上将文档分隔成各个部分。
<p>这是一个段落。</p> <hr> <p>这是一个段落。</p> <hr> <p>这是一个段落。</p>
HTML 注释
可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。
<!-- 这是一个注释 -->
HTML 格式化标签
HTML 使用标签 <b>("bold") 与 <i>("italic") 对输出的文本进行格式,如:粗体 or 斜体
这些 HTML 标签被称为格式化标签。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>W3Cschool教程(w3cschool.cn)</title> </head> <body> <b>这个文本是加粗的</b> <br /> <strong>这个文本是加粗的</strong> <br /> <big>这个文本字体放大</big> <br /> <em>这个文本是斜体的</em> <br /> <i>这个文本是斜体的</i> <br /> <small>这个文本是缩小的</small> <br /> 这个文本包含 <sub>下标</sub> <br /> 这个文本包含 <sup>上标</sup> </body> </html>