HTML基本元素(一)

1.换行符

  <br />

  Ps:br 是换行(Break)的缩写,文本会在这个标签的地方换行。

  实例:

第一行<br />第二行

2.段落

  <p>这是一个段落</p>

说明
属性 说明
align 行对齐方式(left,center,right)

  实例:

<p>这是第一个段落</p>
<p>这是第二个段落</p>
<p>这是第三个段落</p>

3.标题

  <h1>标题1</h1>

  <h2>标题2</h2>

  <h3>标题3</h3>

  <h4>标题4</h4>

  <h5>标题5</h5>

  <h6>标题6</h6>

  Ps:<h1>定义最大标题,<h6>定义最小标签

  实例:

<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>

  效果如下:

  标题1

    标题2

      标题3

       标题4

         标题5
         标题6

4.水平线

  <hr />元素可用于分隔内容。

说明
属性 说明
size 指定线的粗细(px)
width 指定线的长度(px或%)
align 行对齐方式(left,center,right)

  

  实例:

<hr size="5" width="50%" align="center"/>

5.文本格式化

  <b>定义粗体文本</b>

  <i> 定义斜体文本 </i>

  <s>定义删除文本</s>

  <del>定义删除文本</del>

  <u>定义下划线文本</u>

  <sup>定义上标字</sup>

  <sub>定义下标字</sub>

  效果如下:

  定义粗体文本

  定义斜体文本

  定义删除文本

  定义下划线文本

  定义上标字

  定义下标字

6.预格式文本

  <pre>标签可以保留文字在源代码中的格式,使得页面中显示的内容和源代码中的格式一致。

  实例:

<pre>
春晓
春眠不觉晓,处处闻啼鸟。
夜来风雨声,花落知多少。
</pre>
效果如下:
春晓
春眠不觉晓,处处闻啼鸟。
夜来风雨声,花落知多少。

7.字体

  <font>这是一段文字</font>

说明
属性 说明
size 定义字体大小
face 定义字体
color 定义字体颜色

  实例:

<font size="5" face="宋体" color="red">这是一段文字</font>

  Ps:三种颜色表达方式

    1.16进制的模式:#000000,#ffffff

    2.单词模式:red,green,blue

    3.RGB模式:rgb(10,20,30)  0-255

8.链接

  <a href="http://~">外部链接 </a>

  <a href="~.html">内部链接 </a> 

  <a href="mailto:邮箱地址">邮件链接</a>

  <a href="tel:电话号码">一键拨打</a>

  <a href="sms:手机号码">一键发送短信</a>

说明
属性 说明
href 定义链接地址
title 链接提示信息
target    链接打开方式(_self,_blank,_top)

  

  Ps:_self  在当前的浏览器窗口打开

    _blank  在新建的窗口里面打开

    _top  在顶级框架里面打开

9.锚点

  锚点标签用于使用户"跳"到文档的某个部分。

  <a href="#位置名"> ~ </a>

    (此标签放在起始地)

  <a name="位置名"> ~ </a>

    (此标签放在目的地)

  实例:

<body>
<a name="top"></a> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
  <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<a href="#top">回到顶部</a>
</body>

10.HTML注释

  可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。

  合理地使用注释可以对未来的代码编辑工作产生帮助。

  HTML注释快速生成方式:选中目标+Ctrl+/

     如:<!-- This is a comment -->

  

  拓展:两条斜杠 (//) 是 JavaScript 注释符号

     如:// This is a comment

HTML基本元素(一)的更多相关文章

  1. Qt 学习之路:QML 基本元素

    QML 基本元素可以分为可视元素和不可视元素两类.可视元素(例如前面提到过的Rectangle)具有几何坐标,会在屏幕上占据一块显示区域.不可视元素(例如Timer)通常提供一种功能,这些功能可以作用 ...

  2. JMeter基本元素简介

    JMeter基本元素简介 一.测试计划 测试计划对象有一个复选框叫做"Functional Testing"(函数测试模式),如果选中,它将使jmeter记录服务端返回的每一个样例 ...

  3. 【Python 07】汇率兑换1.0-2(基本元素)

    1.Python基本元素 (1)缩进:表示代码层次关系(Python中表示程序框架唯一手段) 1个tab或者4个空格 (2)注释:开发者加入的说明信息,不被执行.一个代码块一个注释. # 单行注释(一 ...

  4. 05. Matplotlib 1 |图表基本元素| 样式参数| 刻度 注释| 子图

    1.Matplotlib简介及图表窗口 Matplotlib → 一个python版的matlab绘图接口,以2D为主,支持python.numpy.pandas基本数据结构,运营高效且有较丰富的图表 ...

  5. 科学计算三维可视化---Mayavi入门(Mayavi库的基本元素和绘图实例)

    一:Mayavi库的基本元素 .处理图形可视化和图形操作的mlab模块 .操作管线对象,窗口对象的api (一)mlab模块 (二)mayavi的api 二:快速绘图实例 (一)mlab.mesh的使 ...

  6. HMM的概述(五个基本元素、两个假设、三个解决的问题)

    一.五个基本元素 HMM是个五元组 λ =( S, O , π ,A,B) S:状态值集合,O:观察值集合,π:初始化概率,A:状态转移概率矩阵,B:给定状态下,观察值概率矩阵   二.两个假设 HM ...

  7. Android UI设计的基本元素有哪些

    在android app开发如火如荼的今天,如何让自己的App受人欢迎.如何增加app的下载量和使用量....成为很多android应用开发前,必须讨论的问题.而ui设计则是提升客户视觉体验度.提升下 ...

  8. Qt Quick 基本元素初体验

    Qt Quick 作为 QML 语言的标准库,提供了很多基本元素和控件来帮助我们构建 Qt Quick 应用,这节我们简要地介绍一些 Qt Quick 元素. 一. 基本可视化项 1.1 Item I ...

  9. BeautifulSoup库的基本元素

    BeautifulSoup库 <html> <body> <p class='title'></p> </body> </html&g ...

随机推荐

  1. 动态Web API层

    返回总目录 本篇目录 构建动态Web API控制器 ForAll 方法 重写ForAll 方法 Http动词 动态Javascript代理 Ajax参数 单一服务脚本 Angular支持 Durand ...

  2. (新年快乐)ABP理论学习之本地化(2016第一篇)

    返回总目录 本篇目录 应用语言 本地化资源 获取本地化文本 扩展本地化资源 最佳实践 应用语言 一个应用至少有一种UI语言,许多应用不止有一种语言.ABP为应用提供了一个灵活的本地化系统. 第一件事情 ...

  3. Web Audio介绍

    Web Audio还是一个比较新的JavaScript API,它和HTML5中的<audio>是不同的,简单来说,<audio>标签是为了能在网页中嵌入音频文件,和播放器一样 ...

  4. Linux的tree命令

    发现Linux下有个很好的命令,tree,能把目录以树的形式列出来,还支持很强大的参数. 但默认情况下是不带的,得自己去安装,先到这里下载它的代码:http://mama.indstate.edu/u ...

  5. RPC通信框架——RCF介绍

    现有的软件中用了大量的COM接口,导致无法跨平台,当然由于与Windows结合的太紧密,还有很多无法跨平台的地方.那么为了实现跨平台,支持Linux系统,以及后续的分布式,首要任务是去除COM接口. ...

  6. SQL Server 变更数据捕获(CDC)

    标签:SQL SERVER/MSSQL SERVER/数据库/DBA/字段/对象更改 概述 变更数据捕获用于捕获应用到 SQL Server 表中的插入.更新和删除活动,并以易于使用的关系格式提供这些 ...

  7. ArcGIS之Cartogram地图变形记

    一.地图会说谎 地图作为真实世界的抽象,是“用图说话”最可靠的工具,但是有的时候地图也会撒一些小小的谎言,其中最著名的例子当属美国总统大选.如图1是2012年美国总统大选后网上给出的一个结果图,红色代 ...

  8. CWR Mobile简介

    原创地址:http://www.cnblogs.com/jfzhu/p/4266671.html 转载请注明出处 (一)CWR公司背景 Dynamics CRM除了自己Out of Box对移动设备的 ...

  9. Everything search syntax

    Operators: space AND | OR ! NOT < > Grouping " " Search for an exact phrase. Wildcar ...

  10. Oozie调度报错——ORA-00918:未明确定义列

    Oozie在执行sqoop的时候报错,同样的SQL在sqoop中可用,在oozie中不可用: Caused by: java.sql.SQLSyntaxErrorException: ORA-0091 ...