欢迎访问 如意编程网！
TAG聚合

如意编程网

当前位置： 首页 > 前端技术 > HTML >内容正文

HTML

HTML元素1: 基本元素，标题，段落，链接，图像等

发布时间：2022/11/16 HTML 8 老码农
如意编程网 收集整理的这篇文章主要介绍了 HTML元素1: 基本元素，标题，段落，链接，图像等 小编觉得挺不错的,现在分享给大家,帮大家做个参考. 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>HTML元素</title> 
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
</head>
<body>
<p>HTML 链接</p>
<p>HTML 链接是通过标签'<'a'>' 来定义的.</p>
<a href="http://www.cnblogs.com/qianjinyan/">这是一个链接</a>
<hr>

<p>HTML 图像</p>
<p>HTML 图像是通过标签 '<'img'>' 来定义的.</p>
<img  />
<hr>
<h1>这是一个标题</h1>
<br>
<hr>


<h2>这是一个标题</h2>
<h3>这是一个标题</h3>
<h4>这是一个标题</h4>
<h5>这是一个标题</h5><br>
<h6>这是一个标题</h6>

<hr>

<p align="left">这是一个段落</p>
<p align="right">这是一个<i> xiaoxiaode </i>段落</p>
<p align="center">这是一个<strong>dadade</strong>段落</p>

</body>
</html>

　　

HTML 元素


HTML 标题
HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的.
<h1>这是一个标题</h1>
<h2>这是一个标题</h2>
<h3>这是一个标题</h3>

HTML 段落
HTML 段落是通过标签 <p> 来定义的.
<p>这是一个段落。</p>
<p>这是另外一个段落。</p>
<p>He named his car <i>The lightning</i>, because it was very fast.</p>
<i> 定义与文本中其余部分不同的部分，并把这部分文本呈现为斜体文本。

<i> 标签被用来表示科技术语、其他语种的成语俗语、想法、宇宙飞船的名字等等。

在没有其他适当语义的元素可以使用时，请使用 <i> 元素。其他语义的元素如下：

<em> （被强调的文本）
<strong> （重要的文本）
<mark> （被标记的/高亮显示的文本）
<cite> （作品的标题）
<dfn> （一个定义项目）


HTML 链接
HTML 链接是通过标签 <a> 来定义的.
<a href="http://www.runoob.com">这是一个链接</a>

HTML 图像
HTML 图像是通过标签 <img> 来定义的.
<img src="/images/logo.png" width="258" height="39" />


<html> 定义 HTML 文档
<body> 定义文档的主体
<h1> - <h6> 定义 HTML 标题
<hr> 定义水平线
规定 <hr> 元素的对齐方式
属性
属性 值 描述
align left
center
right HTML5 不支持。HTML 4.01 已废弃。 规定 <hr> 元素的对齐方式
noshade noshade HTML5 不支持。HTML 4.01 已废弃。 规定 <hr> 元素的颜色呈现为纯色。
size pixels HTML5 不支持。HTML 4.01 已废弃。 规定 <hr> 元素的高度。
width pixels
% HTML5 不支持。HTML 4.01 已废弃。 规定 <hr> 元素的宽度。
<hr align="left|center|right">
<!--...--> 定义注释


开始标签 * 元素内容 结束标签 *
<p> 这是一个段落 </p>
<a href="default.htm"> 这是一个链接 </a>
<br> 换行

总结

以上是如意编程网为你收集整理的HTML元素1: 基本元素，标题，段落，链接，图像等的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得如意编程网网站内容还不错，欢迎将如意编程网推荐给好友。