HTML入門筆記1
時間:2023-08-10 01:27:02 | 來源:網站運營
時間:2023-08-10 01:27:02 來源:網站運營
HTML入門筆記1:
HTML的全稱是:Hyper Text Markup Language,即超文本標記語言。HTML是由Web的發(fā)明者Tim Berners-Lee和同事Daniel W. Connolly于1990年創(chuàng)立的一種標記語言
<!DOCTYPE html> //文檔類型<html lang="zh-CN"> //html標簽 可以把lang --> zh-CN<head> <meta charset="UTF-8"> //文件的字符編碼 <meta name="viewport" content="width=device-width, initial-scale=1.0"> //視口標簽 兼容手機 <meta http-equiv="X-UA-Compatible" content="ie=edge">//告訴IE使用最新內核 <title>Document</title> //標題</head><body></body></html>
h1-h6標簽-->表示標題 section標簽-->表示章節(jié)
article標簽-->表示文章 p標簽-->表示段落
header標簽-->表示頭部 footer標簽-->表示腳部
main標簽-->表示主要內容 aside標簽-->表示旁支
class:給標簽分類,通俗講就是給標簽一個標記??梢约佣鄠€class
插入:讓style標簽也能被看見,實現方法
contenteditable:可以讓一個標簽被編輯
hidden:讓標簽隱藏
id:標簽的“唯一”標識,與css和js都有作用。id的唯一性不靠譜
注:在js中使用id來直接修改元素的樣式,id的名稱如果和window.的全局屬性重名,則不能使用id找到該元素。style:給標簽加樣式(樣式優(yōu)先級:js>html>css)
tabindex[number]:實現沒有鼠標的情況下,用tab鍵操作網頁。
注:正數按順序訪問,0最后一個,-1不找到我
title:標題,顯示完整的內容 (title="完整的內容")
實現單行文字溢出隱藏顯示:
white-space:nowrap;overflow:hidden;text-overflowe:ellipsis;
ol+li:有序列表
ul+li:無序列表(使用居多)
dl+dt+dd:描述列表dt(描述的誰)dd(描述的內容)
pre:(html如果有連續(xù)的空白,只會有一個空白)pre標簽可以保留回車、tab
hr:分割線
br:換行
a:錨點
em:強調標簽(語氣)
strong:加粗標簽(本質很重要)
code:code標簽可以顯示代碼,里面的字體等寬(內聯(lián)元素)
quote:引用(內聯(lián))
blockquote:引用(塊級)