HTML基本元素（一）

时间：2023-02-16 18:56:54

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&period;0-2（基本元素）

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

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

    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. Centos 上使用Mono&plus;MVC5&plus;WebApi&plus;Sqlite

    鉴于现在网上很多Mono安装Jexus的方法已经过时,你打开百度搜索基本是几个前辈写的文字,很多其实是过去式了.踩的坑多自然使人望而生畏,而方便快捷的方法百度排名却太低,这里就安利下笔者刚成功使用的方 ...

  2. web页面版权部分的显示问题

    网站开发中绝大部分页面底部都需要版权信息,一般都是Copyright ©域名 2014 - 2015. All Rights Reserved.这种格式,当然也有其他的,有时候不太注意会发现做出的这个 ...

  3. C&plus;&plus; 排序函数 sort&lpar;&rpar;&comma;qsort&lpar;&rpar;的含义与用法 ，字符串string 的逆序排序等

    上学时我们很多学了很多种排序算法,不过在c++stl中也封装了sort等函数,头文件是#include <algorithm> 函数名 功能描述 sort 对给定区间所有元素进行排序 st ...

  4. Oracle 11g RAC database on ASM&comma; ACFS or OCFS2

    I see a lot of questions on shared file systems that can be used when people move from single instan ...

  5. jdom dom4j解析xml不对dtd doctype进行验证&lpar;转&rpar;

    一.写在所有之前:因为dom4j和jdom在这个问题上处理的方法是一模一样的,只是一个是SAXBuilder 一个SAXReader,这里以jdom距离,至于dom4j只需要同理替换一下就可以了.二. ...

  6. 享元模式 FlyWeight 结构型 设计模式（十五）

    享元模式(FlyWeight)  “享”取“共享”之意,“元”取“单元”之意. 意图 运用共享技术,有效的支持大量细粒度的对象. 意图解析 面向对象的程序设计中,一切皆是对象,这也就意味着系统的运行将 ...

  7. 记字符串转bigDecimal的一个坑

    项目中一个地方用到了bigdecimal,之前是字符串转Double,处理之后再转成String,看着麻烦,给改成用bigdecimal计算字符串,但是偶尔会出现如下异常. 很是诧异,加了非空校验,怎 ...

  8. 蓝牙LMP概述

    LMP 全称是Link Manager Protocol,我们还是要一张图,说明LMP 在哪里? 他是在HCI 以下,baseband 以上,实现在蓝牙控制器中. 按照协议规范,我们分几个部分来分别介 ...

  9. 基于vue-cli的eslint常用设置

    .editorconfig 文件详细备注 # 最*的配置,相当于根 editorconfig 直到查找到root=true 才会停止查找不然会一直向上查找 root = true # 通配符 表示匹 ...

  10. pandas&plus;sqlalchemy 保存数据到mysql

    import pandas as pd from sqlalchemy import create_engine data3={"lsit1":[1,2],"lsit2& ...

相关文章