HTML基礎系列

huangjinnan 發(fā)布于2019-04-22 16:12 / 1893人閱讀

摘要：標記語言，網頁制作的第一步。什么是呢查百度基礎語法常用標簽是超文本標記語言，不用編譯，直接在瀏覽器中執(zhí)行，是一個文本文件。長按下方二維碼可關注，歡迎分享，置頂尤佳。

HTML標記語言，網頁制作的第一步。
什么是HTML呢？查百度
基礎語法
常用標簽

HTML是超文本標記語言，HTML不用編譯，直接在瀏覽器中執(zhí)行，HTML是一個文本文件。

HTML基本結構，標簽，元素，屬性，注解

 html 
 head 
 title 標題 /title 
 /head 
 body 
 /body 
 /html

標簽屬性格式：

 標簽名 屬性名=“屬性值” /標簽名

文檔類型聲明：

 !DOCTYPE 聲明必須放在html文檔第一行，不是html標簽

編碼文件

 meta http-equiv= Content-Type content= text/html;charset=utf-8 /

標題標簽，段落標簽，預格式化標簽，水平線

 h1 /h1 p pre /pre hr/ 
 i /i 
 b /b 
 ins 
 del 
 sub 
 sup

無序列表：

 ul 
 li /li 
 /ul 
disc 圓點
square 正方形
circle 空心圓

有序列表:

 ol 
 li /li 
 /ol

 dl 
 /dl

結構，表現，行為

圖片標簽

 img src= alt= /

相對路徑，絕對路徑

超鏈接標簽：

 a href= 內容 /a 
href target title name
_self _blank _top _parent

定義錨：

 a href= #錨名 /a 
 a name= 錨名 /a

郵件鏈接：

 a href= mailto:郵件地址 /a

下載：

 a href= xxx.rar /a

表格的基本結構，操作表格，屬性，跨行，嵌套

 table 
 table 
 td /td 
 /tr 
 /table

添加標題

 caption /caption

加載過長，內容過多

表格分：表頭，主體，腳注

thead tbody tfoot
 table 
 caption caption 
 thead 
 th /th 
 /tr 
 /thead 
 tbody 
 td /td 
 /tr 
 /tbody 
 tfoot 
 /tfoot 
 /table

表格屬性

width表格寬度，align對齊方式，border表格邊框的寬度，Bgcolor表格背景顏色，cellpadding內容之間的空白，cellspacing單元格之間的空白，frame和rules。

跨列屬性: colspan
跨行屬性: rowspan

表格嵌套：

 table 
 td /td 
 table 
 td /td 
 td /td 
 /table 
 /td 
 /tr 
 /table

表單結構，表單常用元素，表單交互屬性

語法：文本域，單選框，復選框，按鈕，列表

 form 
 /form 
input
select
option
textarea
optgroup
 input type= name= / 
text password file checkbox radio button submit reset hidden image
name maxlength size value placeholder

 input type= image name= src= imageurl / 
 input type= hidden name= value= / 
傳輸給服務器

下拉菜單和列表標簽

 select 
 option value= /option 
 option value= /option 
 /select 
name multiple可以多選 size顯示條目
 option 標簽屬性
selected value

分組下拉菜單

 select name= 
 optgroup label= 組1 
 option value= /option 
 /optgroup 
 optgroup label= 組2 
 option value= /option 
 /optgroup 
 /select

多行文本域

 textarea name= rows= cols= 
 /textarea 
name placeholder rows cols

 form action= method= name= 
 /form 
action method name target enctype

網頁結構：

 body 
// 頭部
 div /div 
// 主體
 div /div 
// 頁腳
 div /div 
 /body 
 div 
 dt /dt 
 dd /dd 
 dd /dd 
 /dl 
 /div

總結：

html表單，表單應用場景，表單工作原理

 input type= name= / 
text password file checkbox radio button submit reset hidden image
 form 
 input type= text name= / 
 /form 
name, maxlength, size, value, placeholder
 form 
 input type= password name= / 
 /form 
 form 
 input type= file name= / 
 /form 
 form 
 input type= radio name= value= checked/ 
 /form 
 form 
 input type= checkbox name= value= checked/ 
 /form 
 input type= button name= value= / 
type= submit 
type= reset 
 input type= image name= src= imageurl / 
 input type= hidden name= value= / 
html表單
input select option optgroup textarea
 select 
 option value= /option 
 /select 
name multiple size
selected value
 textarea name= rows= cols= 
 /textarea 
name placeholder rows cols
 form action= method= name= 
 /form 
action method name targer enctype
url get,post form_name _blank,_self,_parent,_top
text/plain
multipart/form-data

 !DOCTYPE html 
 html 
 head 
 !-- 網頁頭部內容 -- 
 title 標題 /title 
 /head 
 body 
 !-- 網頁主體內容 -- 
 /body 
 /html

好了，歡迎在留言區(qū)留言，與大家分享你的經驗和心得。

感謝你學習今天的內容，如果你覺得這篇文章對你有幫助的話，也歡迎把它分享給更多的朋友，感謝。

作者簡介

達叔，理工男，簡書作者全棧工程師，感性理性兼?zhèn)涞膶懽髡撸瑐€人獨立開發(fā)者，我相信你也可以！閱讀他的文章，會上癮！，幫你成為更好的自己。長按下方二維碼可關注，歡迎分享，置頂尤佳。

感謝！承蒙關照！您真誠的贊賞是我前進的最大動力！

這是一個有質量，有態(tài)度的公眾號

喜歡本文的朋友們

歡迎長按下圖關注訂閱號

收看更多精彩內容

云服務器 GPU云服務器 html基礎 html代碼基礎 html基礎代碼 html基礎教程

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

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

HTML基礎系列

摘要：標記語言，網頁制作的第一步。什么是呢查百度基礎語法常用標簽是超文本標記語言，不用編譯，直接在瀏覽器中執(zhí)行，是一個文本文件。長按下方二維碼可關注，歡迎分享，置頂尤佳。 HTML標記語言，網頁制作的第一步。什么是HTML呢？查百度基礎語法常用標簽 HTML是超文本標記語言，HTML不用編譯，直接在瀏覽器中執(zhí)行，HTML是一個文本文件。 HTML基本結構，標簽，元素，屬性，注解標題...

CoffeX 2019-04-23 11:40 評論0 收藏0
#WEB安全基礎 : HTML/CSS | 文章索引

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

EscapedDog 2019-04-23 11:53 評論0 收藏0
webpack多頁應用架構系列（十四）：No復制粘貼！多項目共用基礎設施

摘要：原文地址如果您對本系列文章感興趣，歡迎關注訂閱這里前言本文介紹如何在多項目間共用同一套基礎設施，又或是某種層次的框架。而以上所述的種種，就構成了一套完整的解決方案，也稱基礎設施。下面就以從到的改造過程來介紹如何實現多項目共用基礎設施。本文首發(fā)于Array_Huang的技術博客——實用至上，非經作者同意，請勿轉載。原文地址：https://segmentfault.com/a/1190...

cyrils 2019-08-22 10:42 評論0 收藏0
Javascript學習總結 - JS基礎系列一

摘要：變量定義變量使用關鍵字變量名變量名可以任意取名，但要遵循命名規(guī)則變量必須使用字母下劃線或者美元符開始。語法參數說明在消息對話框中要顯示的文本返回值值。返回值點擊確定按鈕，文本框中的內容將作為函數返回值。簡述本系列將持續(xù)更新Javascript基礎部分的知識，誰都想掌握高端大氣的技術，但是我覺得沒有一個扎實的基礎，我認為一切高階技術對我來講都是過眼云煙，要成為一名及格的前端工程師，必...

Meils 2019-08-19 17:08 評論0 收藏0