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二階段日誌提交機制
    前些天在查看關於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概述 MyCAT是一款由阿裡Cobar演變而來的用於支持資料庫讀寫分離、分片的分散式中間件。MyCAT可不但支持Oracle、MSSQL、MYSQL、PG、DB2關係型資料庫，同時也支持MongoDB等非關係型資料庫。基礎架構如下： 1、MyCAT原理 MyCAT主要是通過對SQL的攔 ...
  • mysql 資料庫的四種隔離級別
    最近在看高性能MYSQL一書，所以對其進行例子分析已鞏固自己的印象 資料庫的事務操作其實就是一組原子性的操作，要麼全部操作成功，要麼全部操作失敗。 比如說我需要對外銷售1張電影票，且登記一下銷售信息到另一個表，至少需要以下3個步驟 1.查詢電影票數量是否滿足銷售1張電影票 SELECT remain ...
  • iOS XIB等比例適配
    選擇兩個視圖使其等寬高，再去約束裡面就可以設置乘數因數。 簡單的一個例子： 要求：設置白色視圖的寬度為藍色視圖的一半 1、點擊白色視圖連線到父視圖，選擇 Equal Widths 2、選擇右邊第五個模塊 直尺 3、雙擊剛剛添加的寬度約束 4、視圖如下 5、在Multipler里填上0.5 6、Con ...
  • class_copyIvarList方法獲取實例變數問題引發的思考
    在runtime.h中，你可以通過其中的一個方法來獲取實例變數，那就是class_copyIvarList方法 ...
  • 關於Xcode9.0版本模擬器Reset重置操作變更
    ...
  • 2017年終總結
    2017年對我來說註定是不簡單的一個年份，有收穫有遺憾，收穫的是有了人生中第一份工作、在開源世界上有了自己更多的貢獻、閱讀了許多經典的書籍讓自己的知識的深度和廣度上了一個臺階、當然也結識了許多志同道合優秀的朋友、同時趁著自己大學時光的最後一年也出去走走看看；當然遺憾也不少，總感覺時間不夠用，也總感覺... ...
  • .23-淺析webpack源碼之事件流compilation(1)
    正式開始跑編譯，依次解析，首先是： 流程圖如下： 這裡是第一個compilation事件註入的地方，註入代碼如下： 這裡的requestShortener為FunctionModulePlugin的第二個參數，沒有傳所以是undefined。 options.output為傳入的output參數，但 ...
一周排行
    -Advertisement-
    Play Games
  • C# + WPF 音頻播放器 界面優雅，體驗良好
    前言 本文介紹一款使用 C# 與 WPF 開發的音頻播放器，其界面簡潔大方，操作體驗流暢。該播放器支持多種音頻格式（如 MP4、WMA、OGG、FLAC 等），並具備標記、實時歌詞顯示等功能。 另外，還支持換膚及多語言（中英文）切換。核心音頻處理採用 FFmpeg 組件，獲得了廣泛認可，目前 Git ...
  • OAuth2.0授權-gitee授權碼模式
    OAuth2.0授權驗證-gitee授權碼模式 本文主要介紹如何筆者自己是如何使用gitee提供的OAuth2.0協議完成授權驗證並登錄到自己的系統，完整模式如圖 1、創建應用 打開gitee個人中心->第三方應用->創建應用 創建應用後在我的應用界面，查看已創建應用的Client ID和Clien ...
  • FastReport.OpenSource .Net下開源免費報表列印組件
    解決了這個問題：《winForm下，fastReport.net 從.net framework 升級到.net5遇到的錯誤“Operation is not supported on this platform.”》 本文內容轉載自：https://www.fcnsoft.com/Home/Sho ...
  • 如何在 ASP.NET Core Web API 方法執行前後 “偷偷“ 作一些 “壞“ 事？初識 ActionFilterAttribute
    國內文章 WPF 從裸 Win 32 的 WM_Pointer 消息獲取觸摸點繪製筆跡 https://www.cnblogs.com/lindexi/p/18390983 本文將告訴大家如何在 WPF 裡面，接收裸 Win 32 的 WM_Pointer 消息，從消息裡面獲取觸摸點信息，使用觸摸點 ...
  • 在 ASP.NET Core Web API 中使用異常篩選器捕獲和統一處理異常
    前言 給大家推薦一個專為新零售快消行業打造了一套高效的進銷存管理系統。 系統不僅具備強大的庫存管理功能，還集成了高性能的輕量級 POS 解決方案，確保頁面載入速度極快，提供良好的用戶體驗。 項目介紹 Dorisoy.POS 是一款基於 .NET 7 和 Angular 4 開發的新零售快消進銷存管理 ...
  • AbpHelper CLI積累與實戰分享
    ABP CLI常用的代碼分享 一、確保環境配置正確 安裝.NET CLI： ABP CLI是基於.NET Core或.NET 5/6/7等更高版本構建的，因此首先需要在你的開發環境中安裝.NET CLI。這可以通過訪問Microsoft官網下載並安裝相應版本的.NET SDK來實現。 安裝ABP ...
  • 記一次HttpClient使用問題分析
    問題 問題是這樣的：第三方的webapi，需要先調用登陸介面獲取Cookie，訪問其它介面時攜帶Cookie信息。 但使用HttpClient類調用登陸介面，返回的Headers中沒有找到Cookie信息。 分析 首先，使用Postman測試該登陸介面，正常返回Cookie信息，說明是HttpCli ...
  • .NET周刊【9月第3期 2024-09-15】
    國內文章 關於.NET在中國為什麼工資低的分析 https://www.cnblogs.com/thinkingmore/p/18406244 .NET在中國開發者的薪資偏低，主要因市場需求、技術棧選擇和企業文化等因素所致。歷史上，.NET曾因微軟的閉源策略發展受限，儘管後來推出了跨平臺的.NET ...
  • 我的網站集成ElasticSearch初體驗
    在WPF開發應用中，動畫不僅可以引起用戶的註意與興趣，而且還使軟體更加便於使用。前面幾篇文章講解了畫筆（Brush），形狀（Shape），幾何圖形（Geometry），變換（Transform）等相關內容，今天繼續講解動畫相關內容和知識點，僅供學習分享使用，如有不足之處，還請指正。 ...
  • 第23篇 委托的概述
    什麼是委托？ 委托可以說是把一個方法代入另一個方法執行，相當於指向函數的指針；事件就相當於保存委托的數組； 1.實例化委托的方式： 方式1：通過new創建實例： public delegate void ShowDelegate(); 或者 public delegate string ShowDe ...
所有分類