HTML教程 HTML教程HTML是什么HTML 代码编辑器HTML 基础标签HTML 元素HTML 属性HTML 标题HTML 段落HTML 文本格式化HTML CSSHTML 头部HTML链接HTML 图像HTML 区块和行内元素HTML 表格HTML 列表HTML 引用和定义元素HTML 计算机代码元素HTML 布局HTML 框架HTML 脚本/JavaScriptHTML 文件路径HTML 颜色HTML 字符(编码)和实体HTML URL(网址)HTML XHTMLHTML - Web服务器HTML空格符(空格的代码)HTML表单 HTML 表单HTML 表单属性HTML 表单元素HTML 表单input类型HTML 表单input属性HTML多媒体 HTML多媒体HTML5 教程 HTML5 教程 从入门到精通HTML5 拖放/拖拽HTML5 语义元素 HTML5 新的 Input 输入类型HTML5 新表单元素HTML5 新的表单属性HTML5 canvas画布HTML5 SVG矢量图形HTML5 Audio(音频)HTML5 Video(视频)HTML5 Web WorkersHTML5 存储HTML5 WebSocketHTML5 IndexedDBHTML5 IndexedDB增删改查HTML 参考手册 HTML 全局属性HTML 事件属性HTML 世界语言代码缩略词ascii码对照表HTML 完整的 ISO-8859-1 参考手册HTML 符号实体参考手册HTML 字符集HTML URL编码表HTML Canvas 参考手册SVG 参考手册HTML 音频/视频 document 参考手册

HTML 基础标签

本章通过实例向您演示最常用的 HTML 标签。

HTML 标题标签

HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。

360.jpg
<h1>这是一个标题1</h1>
<h2>这是一个标题2</h2>
<h3>这是一个标题3</h3>
<h4>这是一个标题4</h4>
<h5>这是一个标题5</h5>
<h6>这是一个标题6</h6>

 运行代码



HTML 段落

HTML 段落是通过标签 <p> 来定义的,P 是英文paragraph段落的缩写,段落的意思就和你写作文段落一个意思。

这是一个段落。

这是另外一个段落。

<p>这是一个段落。</p>
<p>这是另外一个段落。</p>

 运行代码



HTML 链接

HTML 链接是通过标签 <a> 来定义的.a标签,也叫anchor(锚点)元素,既可以用来链接到外部地址实现页面跳转功能,也可以链接到当前页面的某部分实现内部导航功能。

这是一个链接使用了 href 属性
<a href="http://www.xuandaima.com">这是一个链接使用了 href 属性</a>

 运行代码



HTML 图像

HTML 图像是通过标签 <img> 来定义的。使用img元素来为你的网站添加图片,使用src属性指向一个图片的具体路径地址,图像的名称和尺寸是以属性的形式提供的。

<img src="/Template/Test/img/logo.png" width="140" height="59" />

 运行代码

HTML 水平线

<hr> 标签在 HTML 页面中创建水平线。


hr 元素可用于分隔内容。

hr 标签定义水平线:


这是段落。


这是段落。

<p>hr 标签定义水平线:</p>
    <hr />
    <p>这是段落。</p>
    <hr />
    <p>这是段落。</p>

运行代码

HTML 注释

可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。


注释写法如下:

<!--这是单行注释,注释在浏览器中不会显示-->
    <!--
    这是第一行被注释,
    这是第二行被注解,
    多行注释在浏览器中也不会显示-->

运行代码