當前位置:首頁(yè) > 問(wèn)答 > 正文內容

web開(kāi)發(fā)之Html5+Css3第一章:HTML常用標簽

商丘圖文店3年前 (2022-03-22)問(wèn)答91
印刷廠(chǎng)直印●彩頁(yè)1000張只需要69元●名片5元每盒-更多報價(jià)?聯(lián)系電話(huà):138-1621-1622(微信同號)

  一、 HTML是什么? HTML5又是什么?

  HTML是什么?HTML是目前最流行的網(wǎng)頁(yè)制作語(yǔ)言。HTML(Hypertext Markup Language)即 超文本標記語(yǔ)言,是用于描述網(wǎng)頁(yè)文檔的一種標記語(yǔ)言。網(wǎng)頁(yè)的本質(zhì)就是超級文本標記 語(yǔ)言,通過(guò)結合使用其他的Web技術(shù)可以創(chuàng )造出功能強大的網(wǎng)頁(yè)。

  HTML5是近十年來(lái)Web開(kāi)發(fā)標準最巨大的飛躍。和以前的版本不同,HTML 5并非僅僅用來(lái)表示 Web內容,它的新使命是將Web帶入一個(gè)成熟的應用平臺,在HTML 5平臺上,視頻, 音頻,圖像,動(dòng)畫(huà),canvas/SVG 地圖技術(shù),以及同電腦的交互都被標準化。

  二、 了解html css javascript

  (1)、HTML : “超”文本 標記“語(yǔ)言” ,結構(HyperText Markup Language)——網(wǎng)頁(yè)基礎,結構

  超文本:超級文本

  標記:

  語(yǔ)言:溝通交流(打交道)的工具

  雙標簽:html/html body/body

  單標簽:meta / img /

  (2)、CSS:層疊樣式表(Cascading Style Sheets)——修飾、美化網(wǎng)頁(yè) (化妝師)

  1.#box{

  2. width : 200px;

  3. height : 200px;

  4. border:8px solid red;

  5.

  6.}

  (3)、js:腳本語(yǔ)言 (Javascript)(行為)——增加動(dòng)態(tài)交互功能 (魔術(shù)師)

  1.div onclick=" this.style.width = '100px'; this.style.height = '500px'; "/div

  以上css、js不是讓大家馬上學(xué)習,而是讓大家了解,知道什么是css、js

  三 常用標簽

  div ——————塊

  img ——————圖片(單標簽)

  a ———————鏈接、下載、錨點(diǎn)

  h1-h6—————-標題

  p ———————段落

  span —————-區分樣式

  ul——————–無(wú)序列表

  ol——————–有序列表

  li————————-列表項

  dl ——————-定義列表

  dt ————————-定義列表標題

  dd ————————定義列表項

  i ———————定義斜體文字

  strong————–強調(粗體)

  em ——————強調(斜體)trong 標簽和 em標簽一樣,用于強調文本,但它強調的程度更強一些。

  br ———-換行

  hr——————定義水平線(xiàn)

  四、img圖片標簽詳解

  img original="文件路徑" alt="圖片名"/

  img屬性

  src -定義圖片路徑

  width -圖片寬度,如果只給了width 沒(méi)給height,height會(huì )自等比例縮放

  height-圖片高度,如果只給了height 沒(méi)給width,width會(huì )自等比例縮放

  alt -圖片名字 給百度搜索引擎抓取使用(SEO)

  title -標題給用戶(hù)提示信息(有利于用戶(hù)體驗)

  五、a標簽

  a標簽功能: 鏈接 | 下載 | 錨點(diǎn)

  鏈接: href='url' 中url是一個(gè)網(wǎng)頁(yè)地址

  相對 URL - 指向站點(diǎn)內的某個(gè)文件(href=”./index.html”)

021yin.com”)

  下載:href=’url’中url鏈接地址一個(gè)軟件就會(huì )下載

  錨點(diǎn):href=’#ID名’ 錨點(diǎn)

  target 鏈接打開(kāi)方式

  _blank 新窗口(空白頁(yè)面)

  _self 當前窗口

  base target="_blank" / 定義默認網(wǎng)頁(yè)打開(kāi)方式

  六、路徑

  相對路徑 —相對于當前 文檔位置出發(fā)(推薦使用)

  絕對路徑—路徑名稱(chēng)不能出現中文

  本地絕對路徑:從盤(pán)符出發(fā)

  D:\a\b\c\d\6.jpg

  網(wǎng)絡(luò )絕對路徑:從域名出發(fā)

  注意=需要跳到上一級要../ 如果要跳兩級../../

  七、代碼seo方法:

  SEO : 搜索引擎優(yōu)化

  一、頁(yè)面標簽語(yǔ)義化;

  二、使用對SEO有利的標簽: h1/h2/h3/strong/em……

  三、提高頁(yè)面關(guān)鍵詞密度;

收藏0

發(fā)表評論

訪(fǎng)客

看不清,換一張

◎歡迎參與討論,請在這里發(fā)表您的看法和觀(guān)點(diǎn)。
中文字幕在线永久91_国产一级AV不卡毛片_亚洲日本中文字幕在线四区_日韩黄片在线大全