HTML学习笔记之基础

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>

 

原文地址:https://www.cnblogs.com/mohanchen/p/8762922.html