摘要:先知知識(shí)在學(xué)習(xí)之前最先應(yīng)該了解的就是環(huán)境的搭建,那么必須從編輯器和解析器等方面做一個(gè)深入的了解。方式安全級(jí)別較低,級(jí)別較高。與和一同使用時(shí),此元素是必需的。屬性為元素定義唯一的名稱。
HTML簡(jiǎn)介 1、html的基本概念
HTML:HyperTextMarket language,超文本標(biāo)記語(yǔ)言(所謂“超文本”就是指頁(yè)面內(nèi)可以包含圖片、鏈接,甚至音樂(lè)、程序等非文字元素。)是用來(lái)描述網(wǎng)頁(yè)語(yǔ)言,html使用標(biāo)記標(biāo)簽來(lái)描述網(wǎng)頁(yè),所以說(shuō)html是一種標(biāo)記語(yǔ)言,而不是編程語(yǔ)言。
-----html先知知識(shí)-----在學(xué)習(xí)HTML之前最先應(yīng)該了解的就是html環(huán)境的搭建,那么必須從編輯器和解析器等方面做一個(gè)深入的了解。現(xiàn)在為大部分開(kāi)發(fā)者青睞的編程軟件有sublime及visual studio code,當(dāng)然現(xiàn)如今還有很多的集成開(kāi)發(fā)軟件如Dreamweaver等。
而主流的選擇器內(nèi)核及代表瀏覽器“Chrome、Safari、Firefox、Opera、IE(IEtest);Firefox是開(kāi)源的Presto(迅速的)代表作品Opera,Prefox是由Opera Software開(kāi)發(fā)的瀏覽器排版引擎。它也是世界上公認(rèn)的渲染速度最快的引擎。Webkit Safari內(nèi)核,Chrome內(nèi)核原型,他是蘋(píng)果公司自己的內(nèi)核,也是蘋(píng)果的Safari瀏覽器使用的內(nèi)核Blink由Google和Opera Software開(kāi)發(fā)的瀏覽器排版引擎?!?/p>
完整的HTML文檔是有多個(gè)HTML元素按照一定的方式組成的(此處為html5文檔),如下圖:
除了形式上較以前有所改變html5還增加了很多新的特性,比如:
用于繪畫(huà)的 canvas 元素
用于媒介回放的 video 和 audio 元素
對(duì)本地離線存儲(chǔ)的更好的支持
新的特殊內(nèi)容元素,比如 article、footer、header、nav、section
新的表單控件,比如 calendar、date、time、email、url、search
3、html元素組成HTML元素分為單標(biāo)簽元素、雙標(biāo)簽元素及屬性,而元素的分類則有塊級(jí)元素行內(nèi)元素和其他元素。
1. 塊級(jí)元素
獨(dú)占一行空間,用來(lái)布局段落,列表,導(dǎo)航菜單,腳注等結(jié)構(gòu),不要將塊級(jí)元素嵌套在行內(nèi)元素中。
this is paragraph1
this is paragraph2
2. 行內(nèi)元素
與其他元素共享一行空間,一般被嵌套在塊級(jí)元素中,通常作為段落的一部分出現(xiàn)
you are strong
3. 其他元素(空元素、替代元素等)
空元素:只包含單個(gè)標(biāo)簽,通常用于在文檔中插入部分內(nèi)容,例如img
替代元素:替代元素已經(jīng)脫離了CSS的范疇,它們的表現(xiàn)不依賴CSS,典型的替換元素有,
剛起步階段主要得學(xué)習(xí)html的標(biāo)簽使用方法,而在html5中有很多的標(biāo)簽。比如 p,h1,h2,h3,h4,h5,h6,ul,ol,dl,ul,img,a,table,form,div,span等
還有一些不常用標(biāo)簽(部分已被html5舍棄但書(shū)寫(xiě)并不出現(xiàn)錯(cuò)誤)
abrr 縮略語(yǔ)
b不帶任何強(qiáng)調(diào)意義的標(biāo)記一段文字,加粗
strong 表示重要內(nèi)容,加粗
em 表示著重強(qiáng)調(diào)一段文字,傾斜
i不帶任何強(qiáng)調(diào)意義的標(biāo)記一段文字,傾斜
cite 表示作品標(biāo)題,將作品名傾斜
del 表示從文檔中刪除的文字
s表示文字已經(jīng)不再準(zhǔn)確,也是刪除線
u不帶強(qiáng)調(diào)意義的給一段文字加下劃線
ins 表示加入文檔的文字,也是下劃線
small 表示小號(hào)字體
sub 表示下標(biāo)文字
sup 表示上標(biāo)文字
q表示引自其它的內(nèi)容,被q標(biāo)簽修飾的自己加引號(hào)表示引用
pre 表示格式化一段文字,也可以用來(lái)引入一段代碼
span css中使用的添加樣式的模塊
div會(huì)換行,span不會(huì)換行
注釋
前期學(xué)習(xí)還有一個(gè)重要的知識(shí)點(diǎn)即是HTML中表格和表單的使用。
1)表格(Table):
table 聲明一個(gè)表格屬性:
1.border 邊框線寬度,默認(rèn)為0
2.width 寬度
3.cellpadding 單元格內(nèi)邊距,文字與內(nèi)邊框的距離 如:cellpadding=10
4.cellspacing 單元格間距 默認(rèn)為1 - 列表項(xiàng)目
tr 行
align(表格的排列方式/對(duì)齊方式):center、left(默認(rèn))、right
td 列
1.width/height
2.colspan 合并列,跨列向右跨
3.rowspan 合并行,跨行向下跨
th 表頭,會(huì)加粗,并且會(huì)居中
caption 表格的標(biāo)題
給表格劃分區(qū)域(不常用)
thead、tbody(必須寫(xiě))、tfoot
語(yǔ)義元素(不多用)
1.h1~h6:表示標(biāo)題
2.header:表示頭部
3.nav:表示導(dǎo)航
4.footer:表示尾部
5.address:表示文檔或article的聯(lián)系信息
6.aside:表示側(cè)邊欄
7.section:表示主題區(qū)域
8.article:表示一段獨(dú)立的內(nèi)容
2)表單(Form):作用是可以和服務(wù)器進(jìn)行交互
一、Form中的屬性:
1.action:定義一個(gè)URL,當(dāng)點(diǎn)擊提交按鈕時(shí),向這個(gè)URL發(fā)送數(shù)據(jù)
2.method(get/post):用于向action URL發(fā)送數(shù)據(jù)的HTTP方法。默認(rèn)是get。
注:get和post區(qū)別:
1)get方式表單封裝的數(shù)據(jù)直接顯示在url上。post方式數(shù)據(jù)不顯示在url上。
2)get方式安全級(jí)別較低,post級(jí)別較高。
3)get方式數(shù)據(jù)的長(zhǎng)度,post支持大數(shù)據(jù)。?input 標(biāo)簽:定義輸入字段,用戶可在其中輸入數(shù)據(jù)。
二、input 中 type屬性:
1)type=text 文本框
2)type=password 密碼
3)type=radio 單選按鈕 name屬性
4)type=checkbox 多選按鈕
單選和多選都有默認(rèn)值:checked="checked"
5)type=reset 重置按鈕
6)type=submit 提交按鈕
7)type=file 上傳文件的輸入項(xiàng)
8)type=button 按鈕
9)type=image 圖片(也是提交按鈕,)
10)type=hidden 隱藏標(biāo)簽(用戶不用看到的,但是咱們開(kāi)發(fā)時(shí)必須要使用的,可以把數(shù)據(jù)封裝到隱藏標(biāo)簽中,和表單一起提交到后臺(tái))
三、其他標(biāo)簽
1、選擇:select /select>選擇下拉框 option 表示內(nèi)容 /option
2、文本域textarea
textarea 文本內(nèi)容 /textareavalue屬性:
a.對(duì)于按鈕、重置按鈕和確認(rèn)按鈕:定義按鈕上的文本。
b.對(duì)于圖像按鈕:定義傳遞向某個(gè)腳本的此域的符號(hào)結(jié)果。
c.對(duì)于復(fù)選框和單選按鈕:定義 input 元素被點(diǎn)擊時(shí)的結(jié)果。
d.對(duì)于隱藏域、密碼域以及文本域:定義元素的默認(rèn)值。
注:不能與 type="file" 一同使用。與 type="checkbox" 和 type="radio" 一同使用時(shí),此元素是必需的。?name屬性:為 input 元素定義唯一的名稱。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/54531.html
摘要:學(xué)習(xí)一認(rèn)識(shí)分為三類基礎(chǔ)核心方向企業(yè)版移動(dòng)游戲嵌入式開(kāi)發(fā)概念虛擬機(jī)就包含了解釋器整個(gè)程序的執(zhí)行過(guò)程如下開(kāi)發(fā)工具包運(yùn)行環(huán)境環(huán)境變量的配置添加編寫(xiě)程序執(zhí)行謹(jǐn)記命令后不加后綴名安裝和使用下載安裝下載創(chuàng)建項(xiàng)目項(xiàng)目的導(dǎo)入和導(dǎo)出找到項(xiàng)目的位置,然后將其復(fù) JAVA學(xué)習(xí)(一) 認(rèn)識(shí) java 1、java分為三類 JavaSE 基礎(chǔ)核心 JaveEE web方向(企業(yè)版) JavaME ...
摘要:本,工業(yè)設(shè)計(jì)碩,設(shè)計(jì)學(xué)有點(diǎn)點(diǎn)編程基礎(chǔ),有自己從頭搭建的網(wǎng)站在上家公司也是主要靠寫(xiě)程序吃飯裸辭前攢了一個(gè)半月工資。沒(méi)想到從我裸辭,到入職下家公司,足足經(jīng)歷了個(gè)月之久。個(gè)月都干啥了本人從裸辭到入職下家公司,共個(gè)月。 當(dāng)你看到這行文字時(shí),我假設(shè)你是一個(gè)準(zhǔn)備轉(zhuǎn)行前端,或者正在轉(zhuǎn)行前端的人。我剛花了11個(gè)月轉(zhuǎn)行前端。和你聊聊我的故事吧。 轉(zhuǎn)行花了多久?11個(gè)月 準(zhǔn)備轉(zhuǎn)行前端時(shí),我看了很多過(guò)來(lái)人寫(xiě)...
摘要:前言秋招宣告結(jié)束,面試了接近家公司,有幸拿到,感謝這段時(shí)間一起找工作面試的朋友和陪伴我的人。一定要提前準(zhǔn)備好,不然面試官叫你說(shuō)遇到的難點(diǎn),或者直接問(wèn)問(wèn)題時(shí)可能會(huì)懵逼。 前言 秋招宣告結(jié)束,面試了接近20家公司,有幸拿到offer,感謝這段時(shí)間一起找工作面試的朋友和陪伴我的人。這是一段難忘的經(jīng)歷,相信不亞于當(dāng)年的高考吧,也許現(xiàn)在想起來(lái)高考不算什么,也許只有經(jīng)歷過(guò)秋招的人才懂得找工作的艱辛...
摘要:前言秋招宣告結(jié)束,面試了接近家公司,有幸拿到,感謝這段時(shí)間一起找工作面試的朋友和陪伴我的人。一定要提前準(zhǔn)備好,不然面試官叫你說(shuō)遇到的難點(diǎn),或者直接問(wèn)問(wèn)題時(shí)可能會(huì)懵逼。 前言 秋招宣告結(jié)束,面試了接近20家公司,有幸拿到offer,感謝這段時(shí)間一起找工作面試的朋友和陪伴我的人。這是一段難忘的經(jīng)歷,相信不亞于當(dāng)年的高考吧,也許現(xiàn)在想起來(lái)高考不算什么,也許只有經(jīng)歷過(guò)秋招的人才懂得找工作的艱辛...
閱讀 2123·2021-11-23 10:06
閱讀 3488·2021-11-11 16:54
閱讀 3352·2019-08-29 17:31
閱讀 3576·2019-08-29 17:05
閱讀 2175·2019-08-26 13:36
閱讀 2165·2019-08-26 12:17
閱讀 536·2019-08-26 12:12
閱讀 1681·2019-08-26 10:19