HTML 4


1.有序列表、無序列表肚吏、自定義列表如何使用方妖?寫個簡單的例子。三者在語義上有什么區(qū)別罚攀?在哪些情況下使用哪種(重要)党觅? 如何嵌套?

有序列表斋泄;無序列表杯瞻;自定義列表
列表 解釋
有序列表 每項之間有先后順序one by one
無序列表 每項之間無先后順序并列關(guān)系可調(diào)換位置(用的最多)
自定義列表 表示 dt(列表頭)對dd(列表內(nèi)容)概括或具有父子屬性關(guān)系等

分塊,先大后小把項目分成幾大塊然后在大塊里面填充小塊炫掐,有點樹狀圖的感覺

Paste_Image.png

2.如何去除列表前面的點或者數(shù)字魁莉?

加代碼list-style: none


3.class 和 id 有什么區(qū)別?什么時候用 class 什么時候用 id?

相同點:可用于任何元素
不同點:ID選擇器只能在文檔中使用一次旗唁,class可多次畦浓;可以使用類選擇器詞列表方法為一個元素同時設(shè)置多個樣式,ID選擇器是不可以的检疫。


4.塊級元素讶请、行內(nèi)元素是什么?有什么區(qū)別电谣?分別對應(yīng)哪些常用標(biāo)簽秽梅?

  • 塊級元素
    1、每個塊級元素都從新的一行開始剿牺,并且其后的元素也另起一行。
    2环壤、元素的高度晒来、寬度、行高以及頂和底邊距都可設(shè)置郑现。
    3湃崩、元素寬度在不設(shè)置的情況下,是它本身父容器的100%(和父元素的寬度一致)接箫,除非設(shè)定一個寬度攒读。
    <div>、 <p>辛友、<h1>薄扁、<form>、<ul> 废累、 <li>就是塊級元素
  • 行內(nèi)元素
    1邓梅、和其他元素都在一行上,排滿了才會倒下一行邑滨。
    2日缨、元素的高度、寬度及頂部和底部邊距不可設(shè)置掖看。
    3匣距、元素的寬度就是它包含的文字或圖片的寬度,不可改變哎壳。
    <span>毅待、<a>、<label>耳峦、 <strong>恩静、 <em>就是行內(nèi)元素。

5.display: block、display: inline驶乾、display: inline-block分別有什么作用?

元素轉(zhuǎn)換 作用
display: block 將元素呈現(xiàn)為塊級元素邑飒,使一些內(nèi)聯(lián)元素有塊級元素的特性設(shè)置高寬等等。
display: inline 將元素呈現(xiàn)為內(nèi)聯(lián)元素级乐,前后不帶換行符疙咸。
display: inline-block 應(yīng)用此特性的元素呈現(xiàn)為內(nèi)聯(lián)對象,周圍元素保持在同一行风科,但可以設(shè)置寬度和高度地塊元素的屬性撒轮。

[display:inline、block贼穆、inline-block的區(qū)別]


6.下面代碼是做什么的题山?抄寫一遍下面的代碼,注意class和id的使用及命名方式

代碼抄寫


7.如何理解 HTML CSS 語義化? 在平時寫代碼的過程中要注意哪些細(xì)節(jié)

給某塊內(nèi)容用上一個最恰當(dāng)最合適的標(biāo)簽故痊,這樣一來顶瞳,不管是誰都能看懂這塊內(nèi)容是什么。利于后期的維護和修改愕秫,提高團隊合作效率慨菱。
平常寫代碼不要用拼音,注意保持自己的風(fēng)格形成習(xí)慣戴甩,HTML每個標(biāo)簽都有自己的語義符喝,都有自己適用的范圍。但往往會被我們忽略或者被我們?yōu)E用甜孤,不要都是div到底协饲。


8.form表單有什么作用?有哪些常用的input 標(biāo)簽课蔬,分別有什么作用囱稽?

1.用于向服務(wù)器上傳用戶提交的信息,向服務(wù)器請求到自己所需要的內(nèi)容二跋。

<input type="text">輸入文本比如輸入用戶名
<input type="password" 輸入密碼>
<input type="checkbox" 多選選項>
<input type="radio" 單選選項>
<input type="hidden" 隱藏數(shù)據(jù)战惊,用于安全>
<input type="submit" 提交>
<input type="file" 上傳文件>
<input type="rest" 重置>


9.post 和 get 方式的區(qū)別?

1.數(shù)據(jù)提交方式不同:get提交的數(shù)據(jù)url上能看到扎即,post不能吞获。
2.get一般用于提交少量數(shù)據(jù),post用于提交大量數(shù)據(jù)谚鄙。
3.get提交的數(shù)據(jù)大小不大于1k各拷,瀏覽器的限制;post理論上來說無限制闷营,受服務(wù)器限制烤黍。
4.get提交的數(shù)據(jù)再瀏覽器歷史記錄中知市,安全性不好。


10.在input里速蕊,name 有什么作用嫂丙?

與服務(wù)器交換數(shù)據(jù)的標(biāo)識。


11.1.<button>提交</button> 2.<a class="btn" href="#">提交</a>规哲、 3.<input type="submit" value="提交">三者有什么區(qū)別跟啤?

1就只是頁面上的一個提交按鈕形狀,2是點擊后是個a鏈接還是在本頁面唉锌,沒什么作用隅肥,3是把用戶輸入的數(shù)據(jù)提交到了服務(wù)器


12.radio 如何分組?

設(shè)置同一個name,可產(chǎn)生單選效果。
apple:<input type="radio" name="apple" value="iphone6s">iphone6s <input type="radio" name="apple" value="iphone6">iphone6


1.placeholder 屬性有什么作用?

設(shè)置輸入字段預(yù)期值的提示信息袄简,該提示會在輸入字段為空時顯示腥放,并會在字段獲得焦點時消失


13.type=hidden隱藏域有什么作用? 舉例說明

其作用為暫存數(shù)據(jù)或用于安全校驗使用;

Paste_Image.png

在用戶再打開的頁面埋個數(shù)字段(后臺即時生成每次不一樣)绿语,當(dāng)提交的時候會一起提交到后臺捉片,一致了后臺就會認(rèn)可是本人提交的信息,不一致或者沒有后臺就不會接受你的請求汞舱。


任務(wù)7 代碼題


               本教程版權(quán)歸 饑人谷_Josh和饑人谷所有,轉(zhuǎn)載須說明來源
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末宗雇,一起剝皮案震驚了整個濱河市昂芜,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌赔蒲,老刑警劉巖泌神,帶你破解...
    沈念sama閱讀 218,607評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異舞虱,居然都是意外死亡欢际,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,239評論 3 395
  • 文/潘曉璐 我一進店門矾兜,熙熙樓的掌柜王于貴愁眉苦臉地迎上來损趋,“玉大人,你說我怎么就攤上這事椅寺』氩郏” “怎么了?”我有些...
    開封第一講書人閱讀 164,960評論 0 355
  • 文/不壞的土叔 我叫張陵返帕,是天一觀的道長桐玻。 經(jīng)常有香客問我,道長荆萤,這世上最難降的妖魔是什么镊靴? 我笑而不...
    開封第一講書人閱讀 58,750評論 1 294
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上偏竟,老公的妹妹穿的比我還像新娘煮落。我一直安慰自己,他們只是感情好苫耸,可當(dāng)我...
    茶點故事閱讀 67,764評論 6 392
  • 文/花漫 我一把揭開白布州邢。 她就那樣靜靜地躺著,像睡著了一般褪子。 火紅的嫁衣襯著肌膚如雪量淌。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,604評論 1 305
  • 那天嫌褪,我揣著相機與錄音呀枢,去河邊找鬼。 笑死笼痛,一個胖子當(dāng)著我的面吹牛裙秋,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播缨伊,決...
    沈念sama閱讀 40,347評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼摘刑,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了刻坊?” 一聲冷哼從身側(cè)響起枷恕,我...
    開封第一講書人閱讀 39,253評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎谭胚,沒想到半個月后徐块,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,702評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡灾而,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,893評論 3 336
  • 正文 我和宋清朗相戀三年胡控,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片旁趟。...
    茶點故事閱讀 40,015評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡昼激,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出轻庆,到底是詐尸還是另有隱情癣猾,我是刑警寧澤,帶...
    沈念sama閱讀 35,734評論 5 346
  • 正文 年R本政府宣布余爆,位于F島的核電站纷宇,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏蛾方。R本人自食惡果不足惜像捶,卻給世界環(huán)境...
    茶點故事閱讀 41,352評論 3 330
  • 文/蒙蒙 一上陕、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧拓春,春花似錦释簿、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,934評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至懂鸵,卻和暖如春偏螺,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背匆光。 一陣腳步聲響...
    開封第一講書人閱讀 33,052評論 1 270
  • 我被黑心中介騙來泰國打工套像, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人终息。 一個月前我還...
    沈念sama閱讀 48,216評論 3 371
  • 正文 我出身青樓夺巩,卻偏偏與公主長得像,于是被迫代替她去往敵國和親周崭。 傳聞我的和親對象是個殘疾皇子柳譬,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,969評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補...
    _Yfling閱讀 13,754評論 1 92
  • 一续镇,有序列表征绎、無序列表、自定義列表如何使用磨取?寫個簡單的例子。三者在語義上有什么區(qū)別柴墩?在哪些情況下使用哪種(重要)忙厌?...
    kingBirds閱讀 824評論 0 0
  • 1.有序列表、無序列表江咳、自定義列表如何使用逢净?寫個簡單的例子。三者在語義上有什么區(qū)別歼指?在哪些情況下使用哪種(重要)爹土?...
    浩天天閱讀 258評論 0 0
  • 1.有序列表、無序列表踩身、自定義列表如何使用胀茵?寫個簡單的例子。三者在語義上有什么區(qū)別挟阻?在哪些情況下使用哪種(重要)琼娘?...
    王康_Wang閱讀 616評論 0 0
  • 1.有序列表峭弟、無序列表、自定義列表如何使用脱拼?寫個簡單的例子瞒瘸。三者在語義上有什么區(qū)別?在哪些情況下使用哪種(重要)熄浓?...
    呦泥酷閱讀 235評論 0 1