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

打字练习-编程语言关键字系列-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关键字的说明和用法。

  1. HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的。
  2. HTML 水平线 <hr> 标签。
  3. 注释 <!--...--> 标签
  4. 段落 <p>标签
  5. <br> 标签插入一个简单的换行符。

  6. 块级元素和行内元素

    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 - 定义变量

……
  1. HTML 文本格式化标签

    标签

    描述

    <b>

    定义粗体文本

    <em>

    定义着重文字

    <i>

    定义斜体字

    <small>

    定义小号字

    <strong>

    定义加重语气

    <sub>

    定义下标字

    <sup>

    定义上标字

    <ins>

    定义插入字

    <del>

    定义删除字
  2. 链接<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,text
来源： https://www.cnblogs.com/dazigo/p/16382269.html