虽然创建了这个博客,但其实我是个零基础小白hhhの

HTML基础

HTML 标题(Heading)是通过<h1> – <h6> 标签来定义的

HTML 段落是通过标签 <p> 来定义的

HTML 链接是通过标签 <a> 来定义的

HTML 图像是通过标签 <img> 来定义的

HTML元素

元素语法

  • HTML 元素以开始标签起始
  • HTML 元素以结束标签终止
  • 元素的内容是开始标签与结束标签之间的内容
  • 某些 HTML 元素具有空内容(empty content)
  • 空元素在开始标签中进行关闭(以开始标签的结束而结束)
  • 大多数 HTML 元素可拥有属性

不要忘记结束标签

大多数 HTML 元素可以嵌套(HTML 元素可以包含其他 HTML 元素)。

HTML 文档由相互嵌套的 HTML 元素构成。

开始标签元素内容结束标签
<html> <html> 元素定义了整个 HTML 文档 </html>
<body><body> 元素定义了 HTML 文档的主体</body>
<p>这是一个段落 </p>
<a href=”default.htm”>这是一个链接 </a>
<br>换行
<h1>~<h6>1~6号标题</h1>~</h6>
<hr>水平分割线</hr>
<!– 这是一个注释 –>注释
<b>&<strong>定义粗体文本</b>&</strong>
<em>&<i>定义斜体字 </em>&</i>
<small>定义小号字</small>
<sub>&<sup>定义上下标</sub>&</sup>
<ins>定义插入字</ins>
<del>定义删除字</del>
<a>定义一个超级链接</a>

HTML属性

  • HTML 元素可以设置属性
  • 属性可以在元素中添加附加信息
  • 属性一般描述于开始标签
  • 属性总是以名称/值对的形式出现,比如:name=”value”

HTML链接

<a href=”heckey.cn”>访问Heckey的博客</a>

上面这行代码显示为

访问Heckey的博客

提示: “链接文本” 不必一定是文本。图片或其他 HTML 元素都可以成为链接

使用target属性可以定义被链接的文档在何处显示

<a href=”heckey.cn” target=”_blank” rel=”noopener noreferrer“>访问Heckey的博客</a>

上面的这行会在新窗口打开文档:

使用target=”_top”可以在原窗口打开文档

HTML链接-id属性

id 属性可用于创建一个 HTML 文档书签

在HTML文档中插入ID: <a id=”tips”>有用的提示部分</a>

在HTML文档中创建一个链接到”有用的提示部分(id=”tips”)”:<a href=”#tips”>访问有用的提示部分</a>

或者,从另一个页面创建一个链接到”有用的提示部分(id=”tips”)”:<a href=”https://www.runoob.com/html/html-links.html#tips”>访问有用的提示部分</a>

图片链接

<p>创建图片链接:
<a href="//www.runoob.com/html/html-tutorial.html">
<img  border="10" src="smiley.gif" alt="HTML 教程" width="32" height="32"></a></p>

<p>无边框的图片链接:
<a href="//www.runoob.com/html/html-tutorial.html">
<img border="0" src="smiley.gif" alt="HTML 教程" width="32" height="32"></a></p>

跳转到指定位置

<p>
<a href="#C4">查看章节 4</a>
</p>

<h2><a id="C4">章节 4</a></h2>
说点什么
支持Markdown语法
好耶,沙发还空着ヾ(≧▽≦*)o
Loading...