html常用標簽

来源:https://www.cnblogs.com/houxiaowei/archive/2018/01/02/8179706.html
-Advertisement-
Play Games

列舉一下常用的html標簽及用法,與大家共勉,歡迎補充! <!DOCTYPE> <!DOCTYPE> 聲明必須是 HTML 文檔的第一行,位於 <html> 標簽之前。 <head> <head> 標簽放在文檔的開始處,緊跟<html> 後面,並處於 <body>標簽之前. <head> 標簽用於定 ...


       列舉一下常用的html標簽及用法,與大家共勉,歡迎補充!

標簽名稱 定義和用法 介紹 標簽類型 html/html5

<!DOCTYPE>

 

<!DOCTYPE> 聲明必須是 HTML 文檔的第一行,位於 <html> 標簽之前。

定義文檔類型   html/html5

<head>

 

 <head> 標簽放在文檔的開始處,緊跟<html> 後面,並處於 <body>標簽之前.

<head> 標簽用於定義文檔的頭部,它是所有頭部元素的容器

。在<head>中可以引入腳本,css樣式等.還包括文檔的標題

<head>中可用標簽有 <link>,<meta>

,<script>,<title>,<style>。

  html

<header>

 

當我們在定義一個div的時候在html
5之前一般都是定義一個div,

比如<div class="head"></d
iv>,html5出現以後,主張語

義化標簽,選擇器直接就寫<hea
der></header>就可以了。
定義文檔的頁眉(介紹信息)。
 
  html5

<body>

 

body 元素定義文檔的主體,body內
容標簽,在HTML只能使用或出現一次,

通常我們在瀏覽器內容區看到的內容
,都是放入在<body></body>之間,

body標簽是html重要不可缺少的標簽元素。
body是html網頁結構最重要的標簽,也叫主體
內容標簽,一般網頁內容均放入此標簽組之間。
塊級元素
html

<div>

 

<div> 是一個塊級元素,它的內容會占滿
當前整行,可以通過添加

Class和id來操作它CSS樣式
Div是html標簽之一,div具有分割內容作用,
div與CSS樣式可讓網頁實現各種樣式效果。
塊級元素
html

<center>

 

對其所包括的文本進行水平居中。
<cneter>文本</center>  
用來對<center>標簽中的文本進行水平居中
塊級元素 html,不支持html5

<img>

 

<img src="" alt="">
使用時候註意結構,圖片路徑正確,寬度
、高度根據實際需要而設置。

通常我們會使用CSS樣式對圖片img
標簽的width、height、css,

border邊框進行設置
Img標簽在html中是引入外部圖片到網頁中顯
示的標簽。

行內塊元素

(內聯元素)

html

ul

 

            <ul>                    

              <li></li>

              <li></li

              <li></li

            </ul>  

以上3個li標簽組放在ul標簽之間。這裡

html ul li無序列表佈局與ol li有序列表

佈局語法與結構相同,不同是預設無初

始化CSS樣式情況下一個是有序號列表

(1、2、3、4 ;I、II、III這類有序序

號),一個為沒有序號的列表。無論是有

序ol li列表還是無序的ul li列表,在日常

時候都需要重新設置CSS樣式使用佈局。

一般用來標題和導航的排版和佈局時使用,賦予

CSS樣式後可以實現各種各樣的有規律的頁面布

局。

塊級元素  html 

<h1>-<h6>

 

<h1>這是標題</h1>

<h1> - <h6> 標簽可定義標題。<h1>

定義最大的標題。<h6> 定義最小的標題。

在一個網頁中可以適當使用h1 h2 h3 h4標簽,

有利於網頁的重點部分突出,h5,h6一般用於頁

面的主體內容 

塊級元素 html 

<nav>

 

<nav></nav>是html5中的新標簽
一直以來,我們習慣於使用形如
<div id="nav">或<ul id="nav">

這樣的代碼來寫頁面的導航;
在HTML5中,我們可以直接將導航鏈接列表

放到<nav>標簽中:

和<header><footer>相似,只是html5中用

於增強語義的一個標簽而已

行內塊元素   html5

<span>

 

<span>內容</span>特性,通常一對未設
置任何樣式的span,高寬是自適應內容,
多容多少,
此標簽就占用多少距離空間。

span在html中常用的佈局標簽,與div標簽區別

在於,span隨內容而占用高寬空間

(緊貼內容),而一對div標簽卻占用一行

行內元素 html

<a> 

 

<a href="您需要的地址" target="">
這是一個超鏈接</a>
href屬性:表示超鏈
接需要跳轉的頁面。
target屬性:設置新
頁面打開的視窗位置

<a> 標簽定義超鏈接,用於從一張頁面鏈接到

另一張頁面。

行內元素 html

<form>

 

<form action="跳轉的頁面" method=
"post">
</form>

 form是表單區域標簽,通常此標簽內放輸入框

、單選、多選、多行文本框、下拉選項菜單等表

單內容,form的action的值填寫為將表單提交內

容送往的頁面地址。

  html

2018年1月2日22:41:19,今天先寫到這,明天繼續!!!

 


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

-Advertisement-
Play Games
更多相關文章
  • 前些天在查看關於innodb_flush_log_at_trx_commit的官網解釋時產生了一些疑問,關於innodb_flush_log_at_trx_commit參數的詳細解釋參見官網: https://dev.mysql.com/doc/refman/5.7/en/innodb-parame ...
  • 一、MyCAT概述 MyCAT是一款由阿裡Cobar演變而來的用於支持資料庫讀寫分離、分片的分散式中間件。MyCAT可不但支持Oracle、MSSQL、MYSQL、PG、DB2關係型資料庫,同時也支持MongoDB等非關係型資料庫。基礎架構如下: 1、MyCAT原理 MyCAT主要是通過對SQL的攔 ...
  • 最近在看高性能MYSQL一書,所以對其進行例子分析已鞏固自己的印象 資料庫的事務操作其實就是一組原子性的操作,要麼全部操作成功,要麼全部操作失敗。 比如說我需要對外銷售1張電影票,且登記一下銷售信息到另一個表,至少需要以下3個步驟 1.查詢電影票數量是否滿足銷售1張電影票 SELECT remain ...
  • 選擇兩個視圖使其等寬高,再去約束裡面就可以設置乘數因數。 簡單的一個例子: 要求:設置白色視圖的寬度為藍色視圖的一半 1、點擊白色視圖連線到父視圖,選擇 Equal Widths 2、選擇右邊第五個模塊 直尺 3、雙擊剛剛添加的寬度約束 4、視圖如下 5、在Multipler里填上0.5 6、Con ...
  • 在runtime.h中,你可以通過其中的一個方法來獲取實例變數,那就是class_copyIvarList方法 ...
  • ...
  • 2017年對我來說註定是不簡單的一個年份,有收穫有遺憾,收穫的是有了人生中第一份工作、在開源世界上有了自己更多的貢獻、閱讀了許多經典的書籍讓自己的知識的深度和廣度上了一個臺階、當然也結識了許多志同道合優秀的朋友、同時趁著自己大學時光的最後一年也出去走走看看;當然遺憾也不少,總感覺時間不夠用,也總感覺... ...
  • 正式開始跑編譯,依次解析,首先是: 流程圖如下: 這裡是第一個compilation事件註入的地方,註入代碼如下: 這裡的requestShortener為FunctionModulePlugin的第二個參數,沒有傳所以是undefined。 options.output為傳入的output參數,但 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...