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. cron表达式

    Cron表达式是一个字符串,字符串以5或6个空格隔开,分为6或7个域,每一个域代表一个含义,Cron有如下两种语法格式: Seconds Minutes Hours DayofMonth Month ...

  2. CGI和ISAPI

    1) CGI概念CGI即通用网关接口(Common Gateway Interface),它是一段程序,运行在服务器上,提供同客户端HTML页面的交互,通俗的讲CGI就象是一座桥,把网页和WEB服务器 ...

  3. window.location.href 中文乱码问题。。。。

    window.location.href 中文乱码问题.... 要解决此问题需要两次解码, 第一次解码: 是在页面中的js脚本中解码:window.location.href = "save ...

  4. CSP的今世与未来

    一.从两个工具说起 最近Google又推出了两款有关CSP利用的小工具,其一为CSP Evaluator,这是一个能够评估你当前输入的CSP能否帮助你有效避免XSS攻击的工具,其用法非常简单,在输入框 ...

  5. 基础知识漫谈(2):从设计UI框架开始

    说UI能延展出一丢丢的东西来,光java就有swing,swt/jface乃至javafx等等UI toolkit,在桌面上它们甚至都不是主流,在web端又有canvas.svg等等. 基于这些UI工 ...

  6. 《CLR.via.C#第三版》第二部分第13章节 接口 读书笔记(七)

    这章的书写感觉很普通,是些基础的认知知识. 其中一点的重要认知,泛型接口的好处(其实也是使用泛型的好处之一):编译时类型安全&处理值类型时减少装箱. 再说点书上没有的.本来这些知识我打算另外分 ...

  7. 2016苹果春季发布会 iPhone SE发布

    配置如下 主屏尺寸:4英寸 主屏分辨率:1336x640像素 后置摄像头:1200万像素 前置摄像头:120万像素 电池容量:1624mAh 核心数:双核 操作系统:iOS 9 核心数:双核 CPU: ...

  8. JavaScript算法(冒泡排序、选择排序与插入排序)

    冒泡排序.选择排序与插入排序复杂度都是二次方级别的,放在一起说吧. 介绍一些学习这三个排序方法的比较好的资料.冒泡排序看<学习JavaScript数据结构与算法>介绍的冒泡排序,选择排序看 ...

  9. Android开发学习之路-图片颜色获取器开发(1)

    系列第一篇,从简单的开始,一步一步完成这个小项目. 颜色获取就是通过分析图片中的每个像素的颜色,来分析整个图片的主调颜色,有了主调颜色,我们可以用于图片所在卡片的背景或者标题颜色,这样整体感更加强烈. ...

  10. Drupal8重命名上传的中文名文件

    完整的模块代码文件在Coding.net上,想直接使用的请前往下载:https://coding.net/u/yamus/p/chinese_rename/git/tree/master 最近吧Dru ...