HTML基础篇之HTML基本元素
<h1>标题一</h1>
<h2>标题二</h2>
<h3>标题三</h3>
<h4>标题四</h4>
<h5>标题五</h5>
<h6>标题六</h6>
这是一个标题标签在页面身体左上角开始显示。标签内的数字代表字体的大小基本最小到h6就可以了不要太过小。
HTML自动在一个标题标签前后会自己添加空行。这个标题标签也可以加入aling属性调节左、右、中。
<p>我这是一个段落</p>
上面这个是段落标签,它可以把你所有写的东西分到一个段落里。然后会到一个新的段落书写。
<p>这里是一个段落<br />我被分开到另一行了</p>
<br>它是一个是空行符而且记住它本身就是可以结束的一个标签写的时候以<br />这个格式可以把<br />后面的东西分到下一行。
各种格式化文字标签;
<b>定义粗体文本</b>
<strong>定义加重语气</strong>
<big>定义大字号</big>
<em>定义着重文字</em>
<i>定义斜体字</i>
<small>定义小字号</small>
定义下标字H<sub>2</sub>O
定义上标字X<sup>2</sup>+Y<sup>2</sup>
<del>定义删除字</del>
<u>定义下划线</u>
重要的说一下上标字和下标字吧我先说一下什么类型的字体是下标字,例如:H2、H2O、P2O。上标字,例如:X2、Y3Y。
如何书写:
英文数字<sub>数字英文</sub>数字英文 这是下标的写法
英文数字<sup>数字英文</sup>数字英文 这是下标的写法
超链接相关标签
<a href=”你要链接到的网址”>这是超链接显示出来的字符</a>
这种打开网址方式是在当前的浏览器窗口打开链接而且要有网络支持
在”你要链接到的网址”后面有三种属性值target=“_blank”打开新的浏览器窗口来打开链接;target=“_self”在当前浏览器打开链接; target=“_top”在框架中用到,顶级框架里显示的打开连接。
还可以加title=“”这个属性,会在鼠标移动到超链接显示的字符出现。它不仅能超链接网址还可以图片、视频、音频等。
锚点
<a href=”#锚点名字”> 跳转描点的名称</a> <a name=“#锚点的名字”>设置到跳锚点转到的位置名称</a>
以上两个锚点的名字要相同,不然不能成功。还有一种最常见的返回顶部的锚点<a name=""id=""></a>、<a href="#"></a>这两个。
<img sir=”图片名称.文件格式”/>
它还有四个属性:
src 定义图像的url
alt 定义图像的替代文本(当浏览器无法载入图像时,替代文本属性告诉用户失去的信息)
width 设置图像的宽度
height 设置图像的高度
图像相对地址目录的定义
情形 |
html文件位置 |
图片位置 |
写法 |
同一个目录 |
F:/html/01.html |
F:/html/01.jpg |
<img src="01.jpg" /> |
下一层目录 |
F:/html/01.html |
F:/html/images/01.jpg |
<img src="data:images/01.jpg"/> |
上一层目录 |
F:/html/01.html |
F:/01.jpg |
<img src="../01.jpg"/> |
同一层不同目录 |
F:/html/01.html |
F:/images/01.jpg |
<img src="../images/01.jpg"/> |
HTML基础篇之HTML基本元素的更多相关文章
- jedis的源码理解-基础篇
[jedis的源码理解-基础篇][http://my.oschina.net/u/944165/blog/127998] (关注实现关键功能的类) 基于jedis 2.2.0-SNAPSHOT ...
- 【matlab 基础篇 02】基础知识一键扫盲,看完即可无障碍编程(超详细+图文并茂)
博主快速入门matlab,系统地整理一遍,如何你和我一样是一个新手,那么此文很适合你: 本人能力有限,文中难免有错误和纰漏之处,请大佬们不吝赐教 创作不易,如果本文帮到了您: 请帮忙点个赞
- C#多线程之基础篇3
在上一篇C#多线程之基础篇2中,我们主要讲述了确定线程的状态.线程优先级.前台线程和后台线程以及向线程传递参数的知识,在这一篇中我们将讲述如何使用C#的lock关键字锁定线程.使用Monitor锁定线 ...
- 一步步学习javascript基础篇(0):开篇索引
索引: 一步步学习javascript基础篇(1):基本概念 一步步学习javascript基础篇(2):作用域和作用域链 一步步学习javascript基础篇(3):Object.Function等 ...
- 2000条你应知的WPF小姿势 基础篇<15-21>
在正文开始之前需要介绍一个人:Sean Sexton. 来自明尼苏达双城的软件工程师,对C#和WPF有着极深的热情.最为出色的是他维护了两个博客:2,000Things You Should Know ...
- ABP框架实践基础篇之开发UI层
返回总目录<一步一步使用ABP框架搭建正式项目系列教程> 说明 其实最开始写的,就是这个ABP框架实践基础篇.在写这篇博客之前,又回头复习了一下ABP框架的理论,如果你还没学习,请查看AB ...
- C#多线程之基础篇2
在上一篇C#多线程之基础篇1中,我们主要讲述了如何创建线程.中止线程.线程等待以及终止线程的相关知识,在本篇中我们继续讲述有关线程的一些知识. 五.确定线程的状态 在这一节中,我们将讲述如何查看一个线 ...
- C#多线程之基础篇1
在多线程这一系列文章中,我们将讲述C#语言中多线程的相关知识,在多线程(基础篇)中我们将学习以下知识点: 创建线程 中止线程 线程等待 终止线程 确定线程的状态 线程优先级 前台线程和后台线程 向线程 ...
- iOS系列 基础篇 03 探究应用生命周期
iOS系列 基础篇 03 探究应用生命周期 目录: 1. 非运行状态 - 应用启动场景 2. 点击Home键 - 应用退出场景 3. 挂起重新运行场景 4. 内存清除 - 应用终止场景 5. 结尾 本 ...
随机推荐
- php 跨域、跨子域,跨服务器读取session
1.跨子域和跨服务器解决方式 Session主要分两部分: 一个是Session数据,该数据默认情况下是存放在服务器的tmp文件下的,是以文件形式存在 另一个是标志着Session数据的Se ...
- 1.reset.css的设置
/* reset css */ *, ::before, ::after{ /*选择所有的标签 */ margin: 0; padding: 0; /*清除移动端默认的 点击高亮效果*/ -webki ...
- OpenVpn简单架设
首先Wget wget http://swupdate.openvpn.org/as/openvpn-as-2.0.24-CentOS6.i386.rpm wget http://swupdate.o ...
- FluentValidation
git :https://github.com/JeremySkinner/FluentValidation Example using FluentValidation; public class ...
- jstl fortokens 分割字符串
forTokens标签: forTokens标签用来截取字符串: 属性: * var :定义变量 * items :切分字符串 * begin :从哪开始 * end :到哪结束 * step :步长 ...
- XCode 中的代码块导出与导入
目标文件放置位置 ~/Library/Developer/Xcode/UserData/CodeSnippets CodeSnippets 这整个文件夹都是 直接搬移整个文件夹 操作方法: 解压缩并复 ...
- 用VBox虚拟机安装Android 屏幕90度翻转竖屏设置
在虚拟机中安装好Android之后,有一些Android应用(比如UC浏览器.UC桌面)不能安装.但更有一些程序是可以安装,却自动顺时间旋转了90度,操作和看起来非常不爽! 这个情况下,在Androi ...
- vmware workstation9.0 RHEL5.8 oracle 10g RAC安装指南及问题总结
一,虚拟机规划 (1)虚拟机:添加三块网卡 eth0 eth1 eth2 ,分别用于内网,心跳,外网RAC1 内网:192.168.1.10/24 心跳:192.168.2.10/24 VIP:1 ...
- 2.oracle 12c 创建-访问-关闭-删除PDB
1.创建PDB SQL> select name from v$datafile; NAME ------------------------------------------------ ...
- 8-07CONTIUE 、 BREAK、RETURN
CONTIUE: 可以让程序跳过CONTIUE关键字之后的语句,回到WHILE循环的第一行命令. BREAK:让程序跳出循环,结束WHILE的循环. BREAK: 让系统完全跳出循环,结束WHILE循 ...