打字练习-编程语言关键字系列-html

2022/6/17 1:22:44

编程Tag： 标签表格 html text 打字定义 ... 编程语言

本文主要是介绍打字练习-编程语言关键字系列-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, onm ouseover, onm ousedown, onm ouseout, 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 href="0.html" style="text-decoration: none;">链接到本地文件</a><br><br>）

3>:图片链接的使用<a href="tupian/cp01.jpg"><img src="tupian/cp01.jpg" width="50" /></a><br>

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的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

打字练习-编程语言关键字系列-html

相关编程文章