打字練習-編程語言關鍵字系列-html

来源:https://www.cnblogs.com/dazigo/archive/2022/06/16/16382269.html
-Advertisement-
Play Games

以下是小編整理的部分html關鍵字,專門給有需要的朋友進行打字練慣用,通過打字練習的方式,既提高了打字速度,又可以熟悉html關鍵字~~~ www, url, http, W3C, html, htm, head, body, title, br, hr, font, font-style, fon ...


以下是小編整理的部分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關鍵字的說明和用法。

  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>

定義表格的頁腳

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 一、觸發器簡介 • 什麼是觸發器(trigger) • 觸發器在資料庫里以獨立的對象存儲,由資料庫產生某一類事件而啟動運行,即觸發器是當某個事件發生時自動地隱式運行。 • 觸發器的特點 • 由特定事件觸發,外部無法調用。 • 觸發器無參數。 • 一個表上最多可有12個觸發器。 • 觸發器的作用 • ...
  • 騰訊雲資料庫TDSQL與中國人民大學最新聯合研究成果被SIGMOD 2022接收並將通過長文形式發表。SIGMOD是國際數據管理與資料庫領域頂尖的學術會議之一,騰訊雲資料庫TDSQL論文已連續多年入選VLDB、SIGMOD、ICDE等國際頂級會議。 本次入選論文題目為:CompressDB: Ena ...
  • 本文介紹什麼是 SQL GROUPING 運算符,如何使用 SQL GROUPING 運算符。GROUPING 指示是否聚合 GROUP BY 列表中的指定列表達式。 本文重點 只使用 GROUP BY 子句和聚合函數是無法同時得出小計和合計的。如果想要同時得到,可以使用 GROUPING 運算符。 ...
  • springboot整合ueditor實現圖片上傳和文件上傳功能 寫在前面: 在閱讀本篇之前,請先按照我的這篇隨筆完成對ueditor的前期配置工作: springboot+layui 整合百度富文本編輯器ueditor入門使用教程(踩過的坑)https://www.cnblogs.com/rain ...
  • 這幾天更新有點小慢,逐漸開始回歸狀態了。儘快把這個後臺做完,要開始vue3了 3.添加修改品牌 用到組件 Dialog 對話框,其中visible.sync這個配置是修改他的顯示隱藏的,label-width是這個標題的寬度 然後上傳頭像的按鈕,upload組件,他有自己的一些樣式記得複製在styl ...
  • 個人對瀑布流佈局理解: 每列的寬度相等而高度不等,且第二行的第一個容器需要放在第一行高度最小的容器下麵,依次類推放置。 附上代碼: 代碼僅實現了瀑布流的佈局方式和 resize 監聽,如果大家有需要,可以自己拓展下:實現監聽滾動事件,頁面滾動載入圖片的功能。 代碼中寫了詳細註釋,可以直接使用。 <! ...
  • 前言 Emmet是一款文本編輯器/IDE的插件,用來快速生成複雜的HTML代碼,只要掌握一些常用的語法(類似於CSS選擇器),就可以減少重覆編碼的工作,真的提升開發效率之利器。 所有的操作都是按下tab鍵即可瞬間完成。 一、相關語法 1. 用.來生成類名 div.aaa 按tab後生成如下: <di ...
  • html標簽屬性大全 html標簽屬性大全從網上搜集整理的常用html標簽,供朋友們交流學習html用。 html標簽<marquee> <marquee>...</marquee>普通捲動 <marquee behavior=slide>...</marquee>滑動 <marquee behav ...
一周排行
    -Advertisement-
    Play Games
  • Timer是什麼 Timer 是一種用於創建定期粒度行為的機制。 與標準的 .NET System.Threading.Timer 類相似,Orleans 的 Timer 允許在一段時間後執行特定的操作,或者在特定的時間間隔內重覆執行操作。 它在分散式系統中具有重要作用,特別是在處理需要周期性執行的 ...
  • 前言 相信很多做WPF開發的小伙伴都遇到過表格類的需求,雖然現有的Grid控制項也能實現,但是使用起來的體驗感並不好,比如要實現一個Excel中的表格效果,估計你能想到的第一個方法就是套Border控制項,用這種方法你需要控制每個Border的邊框,並且在一堆Bordr中找到Grid.Row,Grid. ...
  • .NET C#程式啟動閃退,目錄導致的問題 這是第2次踩這個坑了,很小的編程細節,容易忽略,所以寫個博客,分享給大家。 1.第一次坑:是windows 系統把程式運行成服務,找不到配置文件,原因是以服務運行它的工作目錄是在C:\Windows\System32 2.本次坑:WPF桌面程式通過註冊表設 ...
  • 在分散式系統中,數據的持久化是至關重要的一環。 Orleans 7 引入了強大的持久化功能,使得在分散式環境下管理數據變得更加輕鬆和可靠。 本文將介紹什麼是 Orleans 7 的持久化,如何設置它以及相應的代碼示例。 什麼是 Orleans 7 的持久化? Orleans 7 的持久化是指將 Or ...
  • 前言 .NET Feature Management 是一個用於管理應用程式功能的庫,它可以幫助開發人員在應用程式中輕鬆地添加、移除和管理功能。使用 Feature Management,開發人員可以根據不同用戶、環境或其他條件來動態地控制應用程式中的功能。這使得開發人員可以更靈活地管理應用程式的功 ...
  • 在 WPF 應用程式中,拖放操作是實現用戶交互的重要組成部分。通過拖放操作,用戶可以輕鬆地將數據從一個位置移動到另一個位置,或者將控制項從一個容器移動到另一個容器。然而,WPF 中預設的拖放操作可能並不是那麼好用。為瞭解決這個問題,我們可以自定義一個 Panel 來實現更簡單的拖拽操作。 自定義 Pa ...
  • 在實際使用中,由於涉及到不同編程語言之間互相調用,導致C++ 中的OpenCV與C#中的OpenCvSharp 圖像數據在不同編程語言之間難以有效傳遞。在本文中我們將結合OpenCvSharp源碼實現原理,探究兩種數據之間的通信方式。 ...
  • 一、前言 這是一篇搭建許可權管理系統的系列文章。 隨著網路的發展,信息安全對應任何企業來說都越發的重要,而本系列文章將和大家一起一步一步搭建一個全新的許可權管理系統。 說明:由於搭建一個全新的項目過於繁瑣,所有作者將挑選核心代碼和核心思路進行分享。 二、技術選擇 三、開始設計 1、自主搭建vue前端和. ...
  • Csharper中的表達式樹 這節課來瞭解一下表示式樹是什麼? 在C#中,表達式樹是一種數據結構,它可以表示一些代碼塊,如Lambda表達式或查詢表達式。表達式樹使你能夠查看和操作數據,就像你可以查看和操作代碼一樣。它們通常用於創建動態查詢和解析表達式。 一、認識表達式樹 為什麼要這樣說?它和委托有 ...
  • 在使用Django等框架來操作MySQL時,實際上底層還是通過Python來操作的,首先需要安裝一個驅動程式,在Python3中,驅動程式有多種選擇,比如有pymysql以及mysqlclient等。使用pip命令安裝mysqlclient失敗應如何解決? 安裝的python版本說明 機器同時安裝了 ...