1. 程式人生 > >前端基礎學習之Html標籤

前端基礎學習之Html標籤

基礎標籤

  • 標題通過 <H1> ~ <H6>來標記,數值越小,字型越大

  • 段落標籤通過 <p>來定義,瀏覽器會自動的在段落前後各新增一個空行

  • <br/>標籤用來表示換行

  • 連結標籤通過 <a>來定義,程式碼示例
    <a href="http://www.w3school.com.cn">This is a link</a>

  • 影象標籤是通過 <img>來定義,程式碼示例:
    <img src="w3school.jpg" width="104" height="142" />

  • 水平分割線標籤用 <hr>

    來定義

字型標籤

  • <b>定義粗體文字
  • <big>定義大號字型
  • <small>小號字
  • <em>定義著重文字
  • <i>斜體字
  • <sub>定義下標字
  • <sup>定義上標字
  • <ins>插入字
  • <del>刪除字

計算機輸出標籤

  • <code>定義計算機程式碼
  • <kbd> 定義鍵盤碼
  • <samp> 定義計算機程式碼樣本
  • <tt>定義打字機程式碼
  • <pre>定義預格式文字
  • <var>定義變數

引用和引用術語標籤

  • <abbr> 定義縮寫
  • <address>定義地址
  • <bdo>定義文字方向
  • <blockquote>定義行的引用
  • <q>定義短的引用語
  • <acronym>定義首字母縮寫
  • <cite>定義引用,引證
  • <dfn>定義一個定義專案

CSS樣式標籤

  • <style> 樣式標籤
  • <link> 定義資源引用
  • <div>定義文件中的區塊
  • <span>定義文件中行內的小區塊

表格標籤

  • <table> 定義表格
  • <caption>
    定義表格標題
  • <th> 定義表格表頭
  • <tr> 定義表格的行
  • <td> 定義表格單元
  • <thead> 定義表格的頁首
  • <tbody> 定義表格的主體
  • <tfoot> 定義表格的頁尾
  • <col> 用於表格列的屬性
  • <colgroup> 定義表格列的組

列表標籤

  • <ol> 有序列表
  • <ul>定義無序列表
  • <li> 定義列表項
  • <dl> 定義定義列表
  • <dt> 定義定義專案
  • <dd> 定義定義的描述

相關推薦

前端基礎學習Html標籤

基礎標籤 標題通過 <H1> ~ <H6>來標記,數值越小,字型越大 段落標籤通過 <p>來定義,瀏覽器會自動的在段落前後各新增一個空行 <br/>標

Bigger-Mai 養成計劃,前端基礎學習HTML

pycharm 標簽 開發者 文件 內容 數據 html 關系 nbsp HTML   1、一套規則,瀏覽器認識的規則。   2、開發者:     學習Html規則     開發後臺程序:       寫Html文件(充當模板的作用)@@@@       數據庫獲取數據,然

前端基礎學習HTML

html中常用的塊標籤是p(paragraph),div(division),h1-h6(標題的等級),form(表單,ul(unorderd list),li(list item))等等為塊標籤,塊標籤所表示的內容總是在新行上開始,高度,行高以及頂和底邊距都可以控制,除非設定一個寬度,塊標籤的寬度預設是它的

前端基礎學習CSS選擇器

CSS基礎之選擇器 派生選擇器 通過元素在其位置的上下文關係來定義樣式,使標記更加簡潔 派生選擇器允許你根據文件的上下文關係來定義某個標籤的樣式,通過合理的使用派生選擇器,可以是Html程式碼更加的簡潔 程式碼示例: li strong {

前端基礎總結html系列

 html總結 HTML總結     網頁的認識         網頁的基本組成部分            &nbs

前端基礎知識html和css全解

# 前端回顧 [TOC] 前端就是展示給使用者並且與使用者進行互動的操作介面。 前端包括包括三部分: 1. html:網頁的骨架,沒有任何樣式,比較醜 2. css:相當於一些裝飾品,給骨架新增樣式。 3. js:控制網頁的動態效果。 前端也有很多框架,只需要按照固定的語法進行呼叫即可。 ## 基

前端學習HTML基礎

要點: 理解HTTP請求響應模式及通訊規範 HTML的各種標籤和常用標籤 CSS是用於樣式渲染和定位佈局 JS將HTML動態化 jquery是JS的高階封裝     理解HTTP請求響應模式及通訊規範    HTTP一個基於TCP/IP協議之上的面向物件的協議,

前端進階筆記核心基礎知識---那些HTML標籤你熟悉嗎?

[toc] 提到HTML標籤,我們會非常熟悉,開發中經常使用。但我們往往關注更多的是頁面渲染效果及互動邏輯,也就是對使用者可見可操作的部分,比如表單、選單欄、列表、圖文等。其實還有一些非常重要卻容易忽視的標籤,這些標籤大多數用在頁面頭部head標籤內,雖然對使用者不可見,但如果在某些場景下,比如互動實現、效能

ReactNative學習Html基礎

利用 移動 html中 簡單 背景 amp 今天 一個表 擁有 前言: React Native開發作為一種新型的移動開發方式,個人覺得App的一部分需求會逐步替換成這種方式,也是公司移動開發人員所必須掌握的一種開發技術,所以鑒於這種情況我覺得很有必要學習一下,

html css 前端基礎 學習方法及經驗分享

編譯 安裝 切圖 開發 如果 積累 推薦 前端 集成 前言:   入園第一天,想分享一點兒前端基礎html css 的學習方法和一些經驗給熱愛前端,但是不知道從哪兒開始,依舊有些迷茫的新手朋友們。當然,適合每個人的學習方式不同,以下所講的僅供參考。   一、關於基礎語法  

前端學習HTML(1)

HTML標籤學習 2018-10-31 記錄一下學習的網站 http://www.w3school.com.cn http://www.runoob.com/ 1 <!DOCTYPE html> 2 <html> 3 4 <head>

python學習HTML-table標籤

表格(table):類似於Excel格式 table:表格標籤,所有的表格的物件都要放在該標籤中。 tr:表示表格中的一行 td:表示一行中的一個單元格 th:表頭標籤,與td相似。內容樣式上進行加粗,用於設定表頭 caption:表格標題。通常用於描述表的作用 <table widt

前端學習HTML第一天

                                             Html基礎  常用快捷鍵 Ctrl+c 複製 Ctrl+v 貼上 Ctrl+

前端學習HTML第二天

                                       Html基礎 複習昨天知識 單標籤 ◆註釋標籤   ctrl+/ ◆水平線標籤   <hr> ◆換行標籤   <br> 雙標籤 ◆段落標籤    <

vue基礎學習componentWv-for.html

<style> .completed{ text-decoration: line-through; } </style> <body> <script type="text/javascript" src="js/vue.js" &g

HTML學習小結HTML標籤

1.文件結構標籤  ◎ <html>:標識文件的開始和結束  ◎ <head>:標識文件的頭部區域  ◎ <body>:標識文件的主體區域 其中頭部區域在頁面中不

前端系列教程HTML(常用meta標籤

<head> <!-- 宣告文件使用的字元編碼 --> <meta charset='utf-8'> <!-- 優先使用 IE 最新版本和 Chrome --> <meta http-equiv="X-UA

web前端入門學習筆記——html基礎(傳智播客)

Html基礎1    常用快捷鍵Ctrl+c複製Ctrl+v貼上Ctrl+x剪下Ctrl+a全選Ctrl+s儲存Ctrl+z撤銷一步Windows+d返回桌面Windows+e我的電腦Windows+r開啟執行Alt+tab切換軟體Ctrl+tab軟體文件之間的切換F2重新命

Html 基礎學習系列一 標籤img

<a>標籤-超連結 什麼是超連結? 超級連結在本質上屬於一個網頁的一部分,它是一種允許我們同其他網頁或站點之間進行連線的元素。 超連結分類 內部連結,貓點連結,外部連結 href-URL連結的目標URL。 name-當前錨點定位設定的一個名稱,以便它能夠被其它連

Web前端H5HTML標籤總結(一)

1、Web標準介紹 * web應用領域: PC端 移動端 * 網頁介紹 ** 組成:文字、圖片、按鈕、視訊、音訊。。。。這些元素組成