打字练习-编程语言关键字系列-html
以下是小编整理的部分html关键字，专门给有需要的朋友进行打字练习用，通过打字练习的方式，既提高了打字速度，又可以熟悉html关键字~~~
www, url, http, W3C, html, htm, head, body, title, br, hr, font, font-style, font-size, font-family, font-weight, normal, italic, bold, h1, h6, align, line-height, left, right, center, block, quote, readonly, img.
width, heigh, tborder, hspace, vspace, alt, image, table, thead, tbody, tfoot, tr, td, cellspacing, cellpadding, border, color, bgcolor, background, Valign, colspan, row, span, th, caption, form, action, method, name, input, type, text, button, radio, reset, submit, checkbox, max, length, disabled, password, checked, select, checkbox, hidden, value, option, file, text, area, import.
href, target, _blank, link, a-hover, a:active, text-decoration, none, underline, overline, line-through, text-indent, border-left, border-right, border-top, border-bottom, border-color, solid, dashed, repeat, padding, margin,display, inline.
display:block, display:inline-block, floatclear:both, Overflow:hidden, visibility:hidden, outline, clearfix, contentposition:fixed,
position:absolute, Position:relative, cursor:pointer, list-style:none, text-align:center, text-align:left, text-align:right,
hide, show, fadeIn, fadeOut, fadeToggle, fadeTo, click, mouseover, mouseout, mousedown, event, focus, dblclick, slideDown, slideUp, slideToggle, em, strong, div, ul, ol, dl, dt, dd, li, address,
animation, opacity, z-index, background-color, background-image, background-position, background-repeat, repeat-x, repeat-y, javascript, document, write, script, clone, append, prepend, addClass, removeClass,
siblings, parent, closest, function, setInterval, clearInterval, current, find, onclick, onmouseover, onmousedown, onmouseout, scroll, scrollTop, true, false, alert, console
以上关键字可以直接去打字狗网站在线练习，传送门>>>html关键字在线打字练习
下面简单列一些html关键字的说明和用法。
- HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的。
- HTML 水平线 <hr> 标签。
- 注释 <!--...--> 标签
- 段落 <p>标签
- <br> 标签插入一个简单的换行符。
块级元素和行内元素
html块级元素：
|
<h1>...</h1> 标题一级 |
<marquee>...</marquee> 滚动文本 |
|
<h2>...</h2> 标题二级 |
<ul>...</ul> 无序列表 |
|
<h3>...</h3> 标题三级 |
<ol>...</ol> 有序列表 |
|
<h4>...</h4> 标题四级 |
<dl>...</dl> 定义列表 |
|
<h5>...</h5> 标题五级 |
<table>...</table> 表格 |
|
<h6>...</h6> 标题六级 |
<form>...</form> 表单 |
|
<hr> 水平分割线 |
<address>...</adderss> |
|
<p>...</p> 段落 |
<center>...</center> 地址文字 |
|
<div>...</div> |
<blockquote>...</blockquote> |
|
<pre>...</pre> 预格式化 |
…… |
Html中行内元素：
|
a - 锚点或链接 |
abbr - 缩写 |
|
acronym - 首字 |
b - 粗体(不推荐) |
|
bdo - bidi override |
big - 大字体 |
|
br - 换行 |
cite - 引用 |
|
code - 计算机代码 |
dfn - 定义字段 |
|
em - 强调 |
font - 字体设定(不推荐) |
|
i - 斜体 |
img - 图片 |
|
input - 输入框 |
kbd - 定义键盘文本 |
|
label - 表格标签 |
q - 短引用 |
|
s - 中划线(不推荐) |
samp - 定义范例计算机代码 |
|
select - 项目选择 |
small - 小字体文本 |
|
span - 常用内联容器，定义文本内区块 |
strike - 中划线 |
|
strong - 粗体强调 |
sub - 下标 |
|
sup - 上标 |
textarea - 多行文本输入框 |
|
tt - 电传文本 |
u - 下划线 |
|
var - 定义变量 |
…… |
- HTML 文本格式化标签
标签
描述
<b>
定义粗体文本
<em>
定义着重文字
<i>
定义斜体字
<small>
定义小号字
<strong>
定义加重语气
<sub>
定义下标字
<sup>
定义上标字
<ins>
定义插入字
<del>
定义删除字
- 链接<a>标签
1:<a href="https://www.taobao.com">访问淘宝网站</a> 2:CSS如何去除链接下划线（<a style="text-decoration: none;" href="0.html">链接到本地文件</a>）
3:图片链接的使用<a href="tupian/cp01.jpg"><img src="tupian/cp01.jpg" width="50" /></a>
4:跳转到同一个页面的不同位置
<h1><a href="#dibu">跳转到底部</a></h1>
<a id="dibu"></a>底部
3、图像标签
图像标签有如下几个：
|
标签 |
描述 |
|
<img> |
定义图像 |
|
<map> |
定义图像地图 |
|
<area> |
定义图像地图中的可点击区域 |
4、HTML <head> 元素
HTML中head中的元素主要有
|
标签 |
描述 |
|
<head> |
定义了文档的信息 |
|
<title> |
定义了文档的标题 |
|
<base> |
定义了页面链接标签的默认链接地址 |
|
<link> |
定义了一个文档和外部资源之间的关系 |
|
<meta> |
定义了HTML文档中的元数据 |
|
<script> |
定义了客户端的脚本文件 |
|
<style> |
定义了HTML文档的样式文件 |
5、表格 table标签
HTML 表格实例
|
First Name |
Last Name |
Points |
|
Jill |
Smith |
50 |
|
Eve |
Jackson |
94 |
|
John |
Doe |
80 |
|
Adam |
Johnson |
67 |
HTML 表格标签
|
标签 |
描述 |
|
<table> |
定义表格 |
|
<th> |
定义表格的表头 |
|
<tr> |
定义表格的行 |
|
<td> |
定义表格单元 |
|
<caption> |
定义表格标题 |
|
<colgroup> |
定义表格列的组 |
|
<col> |
定义用于表格列的属性 |
|
<thead> |
定义表格的页眉 |
|
<tbody> |
定义表格的主体 |
|
<tfoot> |
定义表格的页脚 |
打字练习-编程语言关键字系列-html的更多相关文章
- 打字练习-编程语言关键字系列-java
小编整理的java关键字,内容如下:abstract, assert, boolean, break, byte, case, catch, char, class, const, continue, ...
- 漫谈.Net关键字系列之一Sealed与Final(转)
转自:http://www.cnblogs.com/isline/archive/2010/08/31/1813396.html Sealed与Final修饰符其实并不是一个语言平台的产物,他们有着各 ...
- 浅谈Dynamic 关键字系列之一:dynamic 就是Object(转)
C# 4.0提供了一个dynamic 关键字,那么什么是dynamic,究竟dynamic是如何工作的呢? 从最简单的示例开始: static void Main(string[] args) { d ...
- 浅谈Dynamic 关键字系列之三（上）:ExpandoObject， DynamicObject， DynamicMetaObject
http://www.cnblogs.com/LoveJenny/archive/2011/07/05/2098578.html ExpandoObject:表示一个对象,该对象包含可在运行时动态添加 ...
- Java多线程学习（二）synchronized关键字（2）
转载请备注地址:https://blog.csdn.net/qq_34337272/article/details/79670775 系列文章传送门: Java多线程学习(一)Java多线程入门 Ja ...
- 趣谈编程史第2期-这个世界缺少对C语言的敬畏,你不了解的C语言科普
这是我制作的编程语言科普系列视频的第二期,博客根据视频文案整理而成,提供给有需要的朋友阅读或使用. 视频地址:https://www.bilibili.com/video/av83627932/ ...
- [Code::Blocks] Install wxWidgets & openCV
The open source, cross platform, free C++ IDE. Code::Blocks is a free C++ IDE built to meet the most ...
- ExpandoObject，DynamicObject，DynamicMetaObject
ExpandoObject,DynamicObject,DynamicMetaObject 接上文:浅谈Dynamic关键字系列之三(上) 为什么TryXXX方法没有被调用?? 将DynamicPro ...
- JAVA语言中冒号的用法
近来由于本人要介入android平台的开发,所以就买了本JAVA语言的书学习.学习一段时间来,我的感觉是谭浩强就是厉害,编写的<C编程语言>系列丛书不愧是经典.书中对C语言的介绍既系统又全 ...
随机推荐
- .NET如何快速比较两个byte数组是否相等
目录 前言 评测方案 几种不同的方案 For循环 Memcmp 64字长优化 SIMD Sse Avx2 SequenceCompare 总结 参考文献 前言 之前在群里面有群友问过一个这样的问题,在 ...
- cannot find module providing package github.com/× working directory is not part of a module
今天在搭建fabric的过程中遇到一个问题,记录一下 root@zitao /home/hong/Desktop/gowork/src/github.com/hyperledger/fabric re ...
- 五、JDK的安装与配置
一.JDK下载与安装 1.1.下载JDK安装包 博主在这里给大家准备了一个64位操作系统的jdk1.8以便大家下载(使用的是迅雷) 点击此处下载 提取码:dfbt 如果其他小伙伴的电脑版本不一样,博主 ...
- 2021.08.16 P1363 幻象迷宫（dfs，我感受到了出题人浓浓的恶意）
2021.08.16 P1363 幻象迷宫(dfs,我感受到了出题人浓浓的恶意) P1363 幻象迷宫 - 洛谷 | 计算机科学教育新生态 (luogu.com.cn) 题意: 幻象迷宫可以认为是无限 ...
- 如何使用 Redis 缓存
如何使用 Redis 缓存 前言 旁路缓存 只读缓存 读写缓存 设置多大的缓存合适 内存被写满了如何处理 缓存经常遇到的问题 1.缓存中的数据和数据库中的不一致 读写缓存 只读缓存 来个异常的栗子 1 ...
- HashSet与TreeSet的区别
HashSet元素唯一,无序,依靠hashcode(),toString()实现元素的唯一性 TreeSet元素唯一,有序,依靠bTo实现比较,即继承Comparable类并重写compareTo(O ...
- 一次不规范HTTP请求引发的nginx响应400问题分析与解决
背景 最近分析数据偶然发现nginx log中有一批用户所有的HTTP POST log上报请求均返回400,没有任何200成功记录,由于只占整体请求的不到0.5%,所以之前也一直没有触发监控报警,而 ...
- IDEA2021.2安装lombok插件（借鉴前辈）
lomhok下载地址: https://plugins.jetbrains.com/plugin/6317-lombok/versions CSDN关注斧头湖懒客 一,下载lombok插件我这里下载的 ...
- 干货｜Linux平台搭建网关服务器
概述 集群中一共10台服务器组成了局域网环境,但其中只有一台有外网网卡可以访问互联网.现要求另外9台服务器通过这台主机进行互联网访问. 实验环境介绍 利用iptables搭建网关服务器,即通过SNA ...
- 【Linux 网络编程】生动讲解 Reactor 模式与 Proactor 模式
五种 I/O 模型 先花费点时间了解这几种 I/O 模型,有助于后面的理解. 阻塞 I/O 与非阻塞 I/O 阻塞和非阻塞的概念能应用于所有的文件描述符,而不仅仅是 socket.我们称阻塞的文件描述 ...