html固定dl高度_HTML入门笔记1
生活随笔
收集整理的這篇文章主要介紹了
html固定dl高度_HTML入门笔记1
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
HTML概述：HTML 的全名是“超文本標(biāo)記語(yǔ)言”（HyperText Markup Language），它是網(wǎng)頁(yè)使用的語(yǔ)言，定義了網(wǎng)頁(yè)的結(jié)構(gòu)和內(nèi)容。瀏覽器訪問網(wǎng)站，其實(shí)就是從服務(wù)器下載 HTML 代碼，然后渲染出網(wǎng)頁(yè)。
1.HTML之父
李爵士(Tim Berners-Lee)- 李爵士發(fā)明了WWW、HTML、HTTP和URL。
- 李爵士是萬維網(wǎng)的開創(chuàng)者，他寫了世界上第一個(gè)網(wǎng)頁(yè)瀏覽器(WorldWideWeb)和第一個(gè)網(wǎng)頁(yè)服務(wù)器(httpd)，同時(shí)也創(chuàng)建了世界上第一個(gè)網(wǎng)站“http://info.cern.ch/”，該網(wǎng)站于1991年8月6日運(yùn)行，它解釋了萬維網(wǎng)是什么，并教會(huì)我們?cè)撊绾问褂镁W(wǎng)頁(yè)瀏覽器和如何建立一個(gè)網(wǎng)頁(yè)服務(wù)器。
2.HTML起手式
快捷鍵：感嘆號(hào) ! + Tab鍵<!DOCTYPE html> //文檔類型為HTML <html lang="zh-CN"> //網(wǎng)頁(yè)語(yǔ)言為簡(jiǎn)體中文<head><meta charset="UTF-8" /> //字符編碼為UTF-8<meta name="viewport" content="width=device-width, initial-scale=1.0" />//禁止縮放，兼容手機(jī)<title>我的網(wǎng)頁(yè)</title> //網(wǎng)頁(yè)標(biāo)題</head><body>Hello World! //網(wǎng)頁(yè)內(nèi)容</body> </html>3.章節(jié)標(biāo)簽
表示文章/書的層級(jí)- 標(biāo)題 h1~h6：h1~h6標(biāo)題級(jí)數(shù)依次遞減，h1級(jí)別為最高
- 章節(jié) section：<section>章節(jié)元素表示一個(gè)包含在HTML文檔中的獨(dú)立部分，一般來說會(huì)有包含一個(gè)標(biāo)題。與<article>比較而言，<section>更適用于組織頁(yè)面使其按功能（比如迷你地圖、一組文章標(biāo)題和摘要）分塊。一般的最佳用法是：以標(biāo)題作為開頭；也可以把一篇<article>分成若干部分并分別置于不同的<section>中，也可以把一個(gè)區(qū)段<section>分成若干部分并分別置于不同的<article>中，取決于上下文。
- 段落 p：<p>元素表示文本的一個(gè)段落，也被稱為HTML段落元素，該元素通常表現(xiàn)為一整塊與相鄰文本分離的文本，或以垂直的空白隔離或以首行縮進(jìn)。此外，<p> 是塊級(jí)元素（塊級(jí)元素中可以包含塊級(jí)元素和行內(nèi)元素，總是從新的一行開始，高度、寬度都是可控的，寬度在沒有設(shè)置時(shí)，默認(rèn)為100%）。
- article 文章：<article>文章元素表示文檔、頁(yè)面、應(yīng)用或網(wǎng)站中的獨(dú)立結(jié)構(gòu)，其意在成為可獨(dú)立分配的或可復(fù)用的結(jié)構(gòu)，如在發(fā)布中，它可能是論壇帖子、雜志或新聞文章、博客、用戶提交的評(píng)論、交互式組件，或者其他獨(dú)立的內(nèi)容項(xiàng)目。??
- header 頭部：<header>頭部元素用于展示介紹性內(nèi)容，通常包含一組介紹性的或是輔助導(dǎo)航的實(shí)用元素。它可能包含一些標(biāo)題元素，但也可能包含其他元素，比如 Logo、搜索框、作者名稱等等。
- footer 腳部 ：定義了頁(yè)腳，通常包含版權(quán)或法律聲明，有時(shí)還包含一些鏈接。在部分的情況下，頁(yè)腳可能包含切片內(nèi)容的發(fā)布日期，許可證信息等<article>，<section>，<aside>，和<nav>可以有自己的<footer>。盡管有其名稱，但頁(yè)腳不一定位于頁(yè)面或節(jié)的末尾。（©；版權(quán)聲明符號(hào)）
- main 主要內(nèi)容：存放每個(gè)頁(yè)面獨(dú)有的內(nèi)容。每個(gè)頁(yè)面上只能用一次<main>，且直接位于<body>中。最好不要把它嵌套進(jìn)其它元素。
- aside 旁支內(nèi)容：包含一些間接信息（術(shù)語(yǔ)條目、作者簡(jiǎn)介、相關(guān)鏈接，等等）。
- div 劃分：<div>元素(或HTML 文檔分區(qū)元素) 是一個(gè)通用型的流內(nèi)容容器，在不使用CSS的情況下，其對(duì)內(nèi)容或布局沒有任何影響。
代碼示例
<body><header>頂部?jī)?nèi)容</header><div><main><h1>HTML入門學(xué)習(xí)</h1><section><h2>第一章</h2><p>應(yīng)該如何學(xué)習(xí)HTML，首先要了解章節(jié)標(biāo)簽和內(nèi)容標(biāo)簽，然后要熟記并反復(fù)練習(xí)。</p><section><h3>第一節(jié)</h3><p>HTML中的章節(jié)標(biāo)簽有“標(biāo)題h1~h6,章節(jié)section，段落p，文章article，頭部header，腳部footer,主要內(nèi)容main，旁支內(nèi)容aside以及劃分div"。</p></section></section></main><aside>補(bǔ)充知識(shí)點(diǎn)：李爵士被稱為互聯(lián)網(wǎng)之父</aside></div><footer>©版權(quán)聲明</footer></body>效果對(duì)照
4.全局屬性
所有標(biāo)簽都有的屬性- class ：以空格分隔的元素的類名列表
- contenteditable：可以讓所有元素可編輯。<div class="middle bordered" contenteditable>
- hidden：隱藏，比display：block優(yōu)先級(jí)高
- id: 全局唯一屬性，謹(jǐn)慎使用，不會(huì)報(bào)錯(cuò)
- style：html 的屬性，不是 css 的樣式，也可以通過 js 設(shè)置，js 會(huì)覆蓋 html 的 style（js 優(yōu)先級(jí)最高，js>html>css）。
- tabindex：控制Tab鍵訪問的順序。（0 是最后訪問，-1 是不允許訪問，優(yōu)先級(jí)1>2>.....）
- title: 包含了表示咨詢信息文本，和它屬于的元素相關(guān)。這個(gè)信息通常存在，但絕不必要，作為提示信息展示給用戶。可用于溢出省略。
5.常用的內(nèi)容標(biāo)簽
清除樣式(寫在開頭的head之間)
<style>*{margin: 0;padding:0;box-sizing:border-box;}*::after, *::before{box-sizing:border-box;}h1,h2,h3,h4,h5,h6{font-weight:normal;}a{color:inherit;text-decoration:none;}ul,ol{list-style:none;}table{border-collapse:collapse; border-spacing:0; }</style>- ol+li: 有序列表，ol不能含有除li外的任何子元素
- ul+li: 無序列表
- dl+dt+dd: dl是描述的列表，dt是描述的對(duì)象，dd是描述的內(nèi)容。
- pre：顯示文本中的空白符
- code: 包裹的字體等寬，可以與pre搭配寫代碼
- hr: 分割線
- br: 換行
- a: 超鏈接 target="_blank" 用于打開新窗口（常用于國(guó)內(nèi)）
- em: 強(qiáng)調(diào)，默認(rèn)樣式為斜體（語(yǔ)氣）
- strong: 重要，默認(rèn)樣式為加粗（本身內(nèi)容）
- quote: 內(nèi)聯(lián)引用
- blockquote: 塊級(jí)引用
總結(jié)
以上是生活随笔為你收集整理的html固定dl高度_HTML入门笔记1的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 并发执行变成串行_大白话Java并发面试
- 下一篇： HTML--- 创建一个登录页面（HTM