国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

HTML基礎

paulli3 / 500人閱讀

摘要：是什么官方給出的答案超文本標記語言。很多人看了這個解釋后，還是懵了。請在需要突出顯示文本時使用此標簽。屬性間用空格分開。注意以及元素等元素沒有前面的屬性。自定義屬性是由用戶自己定義，只要符合屬性的格式就會生效。

HTML是什么？官方給出的答案：超文本標記語言。很多人看了這個解釋后，還是懵了。其實也沒有這么復雜，你直接把HTML理解成是瀏覽器能識別的語言就行了。
第一個例子

新建index.html，并輸入以下代碼：




  
  Document

這個就是最簡單的html結構

代碼說明

1、 所有的HTML文檔都應該有一個標簽
2、 標簽可以包含兩個部分：和
3、 標簽包含整個文檔的一般信息，比如：title、meta、link等
4、 頁面上能看到的內容都是放在標簽里

標簽介紹

1、 有些標簽是成對形式出現，有些是自閉合形式出現。如：

、等
2、 究竟哪些標簽是成對出現，哪些是自閉合，這就需要平時我們死記了
3、 根據換行效果，可把標簽元素劃分為：行內元素和塊級元素

塊級元素

div - 常用塊級容易，也是css layout的主要標簽

p - 段落

ul - 非排序列表

table - 表格

h1 - 大標題

h2 - 副標題

h3 - 3級標題

h4 - 4級標題

h5 - 5級標題

h6 - 6級標題

form - 交互表單

hr - 水平分隔線

pre - 格式化文本

dl - 定義列表

ol - 排序表單

div元素
段落元素 


這是一個段落
列表元素 


    
 
  • Coffee
    • 
 
  • Milk
    •

瀏覽器效果：

Coffee

Milk

有序列表元素 


    
 
  1. Coffee
    2. 
 
  2. Milk
    3.

瀏覽器效果：

Coffee

Milk

行內元素

a - 錨點

br - 換行

cite - 引用

code - 計算機代碼(在引用源碼的時候需要)

em - 強調

i - 斜體

img - 圖片

input - 輸入框

kbd - 定義鍵盤文本

label - 表格標簽

select - 項目選擇

small - 小字體文本

span - 常用內聯容器，定義文本內區塊

strong - 粗體強調

textarea - 多行文本輸入框

HTML5新增標簽

header - 定義一個頁面或一個區域的頭部

footer - 定義一個頁面或一個區域的頁腳

nav - 定義導航鏈接

section - 定義文檔中的節（section、區段）。比如章節、頁眉、頁腳或文檔中的其他部分

article - 定義獨立的內容，如論壇帖子、報紙文章、博客條目、用戶評論等內容

aside - 定義兩欄或多欄頁面的側邊欄內容，如聯系我們、客服、網站公告等內容

audio - 定義音頻內容，如音樂或其他音頻流

canvas - 定義圖形，如圖表和其他圖像

aside - 定義兩欄或多欄頁面的側邊欄內容，如聯系我們、客服、網站公告等內容

command - 標記定義一個命令按鈕，比如單選按鈕、復選框或按鈕

datalist - 定義選項列表，需與 input 元素配合使用，通過input 元素的 list 屬性來綁定，用來定義 input 可能的值

details - 用于描述文檔或文檔某個部分的細節。

embed - 定義外部的可交互的內容或插件。

figure - 定義一組媒體內容（圖像、圖表、照片、代碼等）以及它們的標題

hgroup - 定義文件中一個區塊的相關信息，使用 hgroup 標簽對網頁或區段（section）的標題進行組合

mark - 定義有標記的文本。請在需要突出顯示文本時使用此標簽。

元素的屬性 
元素的屬性就是元素本身的東西。格式：屬性名="值"。屬性間用空格分開。
說明

1、html屬性分為：標準屬性和用戶自定義屬性。
2、標準屬性是由系統定義的， 比如：id、class、style、title。
（注意：base、head、html、meta、param、script、style 以及 title 元素等元素沒有前面的屬性。）
3、自定義屬性是由用戶自己定義，只要符合屬性的格式就會生效。
在HTML5中添加了data-*的方式來自定義屬性。比如：data-name="主容器"

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/50237.html

相關文章

  • #WEB安全基礎 : HTML/CSS | 文章索引

    摘要：黑體本系列講解安全所需要的和黑體安全基礎我的第一個網頁黑體安全基礎初識黑體安全基礎初識標簽黑體安全基礎文件夾管理網站黑體安全基礎模塊化黑體安全基礎嵌套列表黑體安全基礎標簽拓展和屬性的使用黑體安全基礎嵌套本系列講解WEB安全所需要的HTML和CSS #WEB安全基礎 : HTML/CSS | 0x0 我的第一個網頁 #WEB安全基礎 : HTML/CSS | 0x1初識CSS #WEB安全基...

    EscapedDog 評論0 收藏0

  • 關于CSS Reset 那些事（四）之 構架CSS基礎樣式庫

    摘要：現在回到我們這一章節的標題，將它做下補充關于那些事四之基于構架基礎樣式庫基礎庫構思為什么要做基礎庫我上一章節的末尾拋出了幾個問題假設你要做一個游戲單頁面，網頁上并不存在表單內容，那么你就要移除一些冗余的代碼，開始自定義樣式來滿足自己的需求。 前言 先來回顧一下前幾章節，我們都說了哪些內容： CSS Reset 歷史 與 Normalize.css 介紹 Normalize.css...

    mj 評論0 收藏0

  • 關于CSS Reset 那些事（四）之 構架CSS基礎樣式庫

    摘要：現在回到我們這一章節的標題，將它做下補充關于那些事四之基于構架基礎樣式庫基礎庫構思為什么要做基礎庫我上一章節的末尾拋出了幾個問題假設你要做一個游戲單頁面，網頁上并不存在表單內容，那么你就要移除一些冗余的代碼，開始自定義樣式來滿足自己的需求。 前言 先來回顧一下前幾章節，我們都說了哪些內容： CSS Reset 歷史 與 Normalize.css 介紹 Normalize.css...

    Yu_Huang 評論0 收藏0

  • 前端入門1-基礎概念

    摘要：基礎基礎是一種標記語言，不是編程語言，需要明確這點。元素標簽內容基礎基礎負責文本樣式的呈現，既然將和分離開，各自只負責各自的職責，那么肯定需要某種方式將兩者連接在一起。 本篇文章已授權微信公眾號 dasu_Android（大蘇）獨家發布 聲明 本系列文章內容全部梳理自以下四個來源： 《HTML5權威指南》 《JavaScript權威指南》 MDN web docs Github:smyh...

    codecraft 評論0 收藏0

  • Flask Web Development —— 模板（中）

    摘要：示例使用的模板的指令通過從引用來實現模板的繼承。上面的模板定義了三個，分別命名為和。同時返回相應錯誤的數字狀態碼。示例帶有導航欄的基礎應用程序模板這個模板中的塊中只是一個名為的元素，它包含了在派生模板中定義的名為的空。 2、集成Twitter Bootstrap的Flask-Bootstrap Bootstrap是Twitter的一個開源框架，提供用戶交互組件來創建一個清新且有吸引力...

    eternalshallow 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<