HTML 是用来描述网页的一种语言,HTML指的是HyperText Markup Language(超文本标记语言)。
HTML实例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HelloWorld</title> </head> <body> <h1>我的第一个标题</h1> <p>我的第一个段落。</p> </body> </html>
实例解析:
- <!DOCTYPE html> 声明为 HTML5 文档
- <html> 元素是 HTML 页面的根元素
- <head> 元素包含了文档的元(meta)数据
- <title> 元素描述了文档的标题
- <body> 元素包含了可见的页面内容
- <h1> 元素定义一个大标题
- <p> 元素定义一个段落
HTML标记标签通常被称为HTML标签: <标签> 内容 </标签>,通常来说,只有body区域才会在浏览器中显示。
HTML元素语法:
- HTML 元素以开始标签起始
- HTML 元素以结束标签终止
- 元素的内容是开始标签与结束标签之间的内容
- 某些 HTML 元素具有空内容(empty content)
- 空元素在开始标签中进行关闭(以开始标签的结束而结束)
- 大多数 HTML 元素可拥有属性
没有内容的HTML元素被称为空元素,空元素是在开始标签中关闭的,<br>就是没有关闭标签的空元素,在开始标签中添加斜杠,比如</br>是关闭空元素的正确方法。
HTML属性
HTML元素可以设置属性,属性可以在元素中添加附加信息,属性一般描述于开始标签,属性总是以名称/值对的形式出现,比如width="258"。
HTML标题
HTML标题通过<h1>-<h6>标签来定义,例如:
<h1>这是一个标题</h1> <h2>这是一个标题</h2> <h3>这是一个标题</h3>
其中h1定义最大标题,h6定义最小标题。
HTML水平线
<hr>标签在HTML页面中创建水平线,一般的,hr可用于分割内容。
<p>这是一个段落。</p> <hr> <p>这是一个段落。</p> <hr> <p>这是一个段落。</p>
HTML注释
可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。注释写法如下:
<!-- 这是一个注释 -->
HTML段落
HTML段落是通过标签<p>来定义的,例如:
<p>这是一个段落。</p> <p>这是另外一个段落。</p>
浏览器会自动地在段落的前后添加空行。(</p> 是块级元素)
HTML折行
如果您希望在不产生一个新段落的情况下进行换行(新行),请使用 <br /> 标签:
<p>这个<br>段落<br>演示了分行的效果</p>
HTML文本格式化
示例如下:
<b>加粗文本</b><br><br> <i>斜体文本</i><br><br> <code>电脑自动输出</code><br><br> 这是 <sub> 下标</sub> 和 <sup> 上标</sup>
HTML 使用标签 <b>("bold") 与 <i>("italic") 对输出的文本进行格式, 如:粗体 or 斜体
HTML链接
HTML链接是通过标签<a>来定义的,例如:
<a href="https://www.supermap.com" target="_blank">欢迎访问北京超图软件股份有限公司官网</a>
超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。在标签<a> 中使用了href属性来描述链接的地址,href 属性描述了链接的目标,使用 target 属性,你可以定义被链接的文档在何处显示。
HTML链接-id属性,id属性可用于创建一个HTML文档书签标记,书签是不以任何特殊的方式显示,在HTML文档中是不显示的,所以对于读者来说是隐藏的。
HTML图像
HTML图像是通过标签<img>来定义的
<img src="/Giser.png" width="258" height="300"></img>