摘要:主要通過樣式為其賦予不同的表現(xiàn)標簽用來定義內(nèi)聯(lián)行內(nèi)元素,并無實際的意義。
html文檔結(jié)構(gòu)
1 DOCTYPE html> 2 <html lang="zh-CN"> #這個lang表示語言,zh-CN中文的意思,整個文檔的內(nèi)容以中文為主,如果以英文為主,就寫成lang=en 3 4 <head> 5 <meta charset="UTF-8"> 6 <title>css樣式優(yōu)先級title> 7 head> 8 <body> 9 10 body>11 html>
1.聲明為html5文件,必須是html文檔的第一行,在標簽之前;
2.、是文檔開始和結(jié)束的標記,是HTML頁面的根元素,在它們之間是文檔的頭部(head)和主體(body);
3.、定義HTML文檔開頭部分,內(nèi)容不會在瀏覽器窗口顯示,包含文檔元(meta)數(shù)據(jù),配置信息等,是給瀏覽器看的;
4.定義了網(wǎng)頁標題,在瀏覽器標題欄顯示(修改一下title中的內(nèi)容,然后看一下瀏覽器,你就會發(fā)現(xiàn)title是什么了);
5.、之間的內(nèi)容是可見的網(wǎng)頁主體內(nèi)容;
注意:中文網(wǎng)頁需要使用 聲明編碼,否則會出現(xiàn)亂碼;有些瀏覽器是gbk,需手動設置為;
html標簽格式
1.html標簽是由尖括號包圍的關鍵字,如:,
2.html標簽通常是成對出現(xiàn),如:
,第一個是開始,第二個有斜線的是結(jié)束;3.有些標簽是多帶帶呈現(xiàn)的,如:
、
4.標簽里面帶有若干屬性,也有不帶的;
標簽語法:
<標簽名 屬性1=“屬性值1” 屬性2=“屬性值2”……>內(nèi)容部分
<標簽名 屬性1=“屬性值1” 屬性2=“屬性值2”…… />
html注釋:
#找到一行內(nèi)容ctrl+/能快捷注釋,注釋的內(nèi)容不會在網(wǎng)頁上顯示出來
head內(nèi)常用標簽
meta標簽:
01.元素可提供有關頁面的元信息(meta-information),針對搜索引擎和更新頻度的描述和關鍵詞;
02.標簽位于文檔的頭部,不包含任何內(nèi)容,提供的信息用戶是看不見的;
meta標簽組成:
http-equiv屬性和name屬性:
1.http-equiv屬性:相當于http的文件頭作用,向瀏覽器傳回一些有用的信息,正確顯示網(wǎng)頁內(nèi)容,與之對應的屬性值content,content中的內(nèi)容是各個參數(shù)的變量值;
#edge是微軟的一個全新的瀏覽器,其實就是告訴IE瀏覽器,你按照最高標準來渲染我的頁面,做了解;
2.name屬性:主要用于描述網(wǎng)頁,與之對應的屬性值為content,content中的內(nèi)容主要是便于搜索引擎查找信息和分類信息用的;
<meta name="keywords" content="meta總結(jié),html meta,meta屬性,meta跳轉(zhuǎn)"> <meta name="description" content="xxxxxpythonxxx學習"> #是對這個文檔的描述,在百度一些內(nèi)容的頁面上,f12打開看看
body常用標簽
基本標簽
加粗
每次加上一些內(nèi)容,記得保存再刷新一下才會顯示出效果來;
常用特殊字符
div標簽和span標簽
這兩個標簽沒有特別的樣式,
div標簽用來定義一個塊級元素,并無實際的意義。主要通過CSS樣式為其賦予不同的表現(xiàn);
span標簽用來定義內(nèi)聯(lián)(行內(nèi))元素,并無實際的意義。主要通過CSS樣式為其賦予不同的表現(xiàn);
塊級元素與行內(nèi)元素的區(qū)別:
塊元素,是另起一行開始渲染的元素,行內(nèi)元素則不需另起一行。多帶帶在網(wǎng)頁中插入這兩個元素,不會對頁面產(chǎn)生任何的影響;
這兩個元素是專門為定義CSS樣式而生的;
塊級標簽:p、h1--h6、hr、div
內(nèi)聯(lián)標簽:b、i、u、s
注意:
標簽嵌套:通常塊級元素可以包含內(nèi)聯(lián)元素或某些塊級元素,但內(nèi)聯(lián)元素不能包含塊級元素,它只能包含其它內(nèi)聯(lián)元素;div是可以包含div的;
p標簽比較特殊,不能包含塊級標簽,p標簽也不能包含p標簽;可以試一下p標簽套p標簽,f12你會發(fā)現(xiàn)三個p標簽;
img標簽
<img src="圖片的路徑" alt="圖片未加載成功時的提示" title="鼠標懸浮時提示信息" width="寬" height="高(寬高兩個屬性只用一個會自動等比縮放)">
src的路徑分為兩種:網(wǎng)上的圖片路徑和本地的圖片路徑(本地路徑又包括相對路徑和絕對路徑)
"." -- 代表目前所在的目錄,相對路徑。 如:文本
a標簽
超鏈接標簽:指從一個網(wǎng)頁指向一個目標的連接關系,這個目標可以是另一個網(wǎng)頁,也可以是相同網(wǎng)頁上的不同位置,還可以是一個圖片,一個電子郵件地址,一個文件,甚至是一個應用程序。
點我
target:
_blank表示在新標簽頁中打開目標網(wǎng)頁
_self表示在當前標簽頁中打開目標網(wǎng)頁
href屬性指定目標網(wǎng)頁地址。該地址可以有幾種類型:
絕對URL - 指向另一個站點(比如 href="http://www.jd.com)
相對URL - 指當前站點中確切的路徑(href="index.htm") #學django的時候會用的比較多
錨URL - 指向頁面中的錨(href="#top"),博客的目錄經(jīng)常用到,還可以跳轉(zhuǎn)到 name屬性為p1的a標簽上,xxx
列表
1.無序列表
第一項
type屬性:
disc(實心圓點,默認值)
circle(空心圓圈)
square(實心方塊)
none(無樣式)
2.有序列表
第一項
type屬性: start是從數(shù)字幾開始
1 數(shù)字列表,默認值
A 大寫字母
a 小寫字母
?、翊髮懥_馬
ⅰ小寫羅馬
3.標題列表
標題1
表格
表格是一個二維數(shù)據(jù)空間,一個表格由若干行組成,一個行又有若干單元格組成,單元格里可以包含文字、列表、圖案、表單、數(shù)字符號、預置文本和其它的表格等內(nèi)容。
表格最重要的目的是顯示表格類數(shù)據(jù)。表格類數(shù)據(jù)是指最適合組織為表格格式(即按行和列組織)的數(shù)據(jù)。
表格的基本結(jié)構(gòu):
序號
效果如圖:
屬性:
border: 表格邊框.
cellpadding: 內(nèi)邊距 (內(nèi)邊框和內(nèi)容的距離)
cellspacing: 外邊距.(內(nèi)外邊框的距離)
width: 像素 百分比.(最好通過css來設置長寬)
rowspan: 單元格豎跨多少行
colspan: 單元格橫跨多少列(即合并單元格)
一般很少用上面這些屬性
input標簽
元素會根據(jù)不同的 type 屬性,變化為多種形態(tài)
input屬性說明:
name:表單提交時的“鍵”,注意和id的區(qū)別
value:表單提交時對應項的值
type="button", "reset", "submit"時,為按鈕上顯示的文本年內(nèi)容
type="text","password","hidden"時,為輸入框的初始值
type="checkbox", "radio", "file",為輸入相關聯(lián)的值
checked:radio和checkbox默認被選中的項
readonly:text和password設置只讀
disabled:所有input均適用
代碼示例:
賬戶input
顯示效果:
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/1444.html
摘要:標記內(nèi)容太短,則搜索引擎可能不會認為這些內(nèi)容相關。搜索引擎索引方式,是一組使用逗號分割的值,通常有如下幾種取值,,,,和。如果加則會重定向到指定網(wǎng)頁搜索引擎能夠自動檢測,也很容易被引擎視作誤導而受到懲罰。 < meta > 元素 概要 標簽提供關于HTML文檔的元數(shù)據(jù)。元數(shù)據(jù)不會顯示在頁面上,但是對于機器是可讀的。它可用于瀏覽器(如何顯示內(nèi)容或重新加載頁面),搜索引擎(關鍵詞...
摘要:最近關注的重學前端系列文章,也想把已知的前端知識體系梳理一遍,夯實基礎的同時,總結(jié)提升。標準模式的排版和運作模式都是以該瀏覽器支持的最高標準運行。模式是目前最常用的模式。嚴格模式不允許展示型棄用元素和框架集。中空格不會被自動刪除。 最近關注winter的重學前端系列文章,也想把已知的前端知識體系梳理一遍,夯實基礎的同時,總結(jié)提升。接下來會從HTML、CSS、JS、性能、網(wǎng)絡安全、框架通...
閱讀 713·2023-04-25 19:43
閱讀 3910·2021-11-30 14:52
閱讀 3784·2021-11-30 14:52
閱讀 3852·2021-11-29 11:00
閱讀 3783·2021-11-29 11:00
閱讀 3869·2021-11-29 11:00
閱讀 3557·2021-11-29 11:00
閱讀 6105·2021-11-29 11:00