摘要:注在學(xué)習(xí)時(shí)要養(yǎng)成一個(gè)良好的習(xí)慣,即每次寫完都隨手保存,快捷鍵為。是萬(wàn)維網(wǎng)的核心語(yǔ)言標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用超文本標(biāo)記語(yǔ)言。網(wǎng)頁(yè)的拓展名為網(wǎng)頁(yè)由三大部分構(gòu)成,分別為主題,網(wǎng)址和網(wǎng)站內(nèi)容。
(注:在學(xué)習(xí)時(shí)要養(yǎng)成一個(gè)良好的習(xí)慣,即每次寫完都隨手保存,快捷鍵為ctrl+s。即每次寫完都隨手點(diǎn)一下ctrl+s。)
html是萬(wàn)維網(wǎng)的核心語(yǔ)言、標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用超文本標(biāo)記語(yǔ)言。
網(wǎng)頁(yè)的拓展名為html
網(wǎng)頁(yè)由三大部分構(gòu)成,分別為title(主題),url(網(wǎng)址)和body(網(wǎng)站內(nèi)容)。
它的基本結(jié)構(gòu)是<標(biāo)簽名>
它的基本結(jié)構(gòu)骨架為
其中的utf-8是國(guó)內(nèi)的編碼,若不使用,就可能因?yàn)槲淖志幋a不同,輸入文字時(shí)出現(xiàn)亂碼現(xiàn)象。
標(biāo)簽又分為兩種:?jiǎn)危眨?biāo)簽和雙標(biāo)簽
常見(jiàn)雙標(biāo)簽有:
標(biāo)題標(biāo)簽 有6個(gè) 從h1到h6
html title head body
p(段落標(biāo)簽)b(加粗標(biāo)簽)style(樣式標(biāo)簽) i (傾斜標(biāo)簽) sup(上標(biāo)標(biāo)簽) sub (下標(biāo)標(biāo)簽) a(超鏈接)
em(小圖標(biāo)的)div (盒子標(biāo)簽) span (內(nèi)斂標(biāo)簽) table(表格標(biāo)簽)tr(行標(biāo)簽) td(單元格標(biāo)簽)等···
常見(jiàn)單標(biāo)簽有:
單標(biāo)簽
特殊:
Html特有的注釋
a 超鏈接
a有 兩個(gè)屬性 一個(gè)是 href 值是需要跳轉(zhuǎn)的頁(yè)面地址
另一個(gè)是target跳轉(zhuǎn)頁(yè)面打開的方式 _blank _self(默認(rèn)的)
img 圖片
img的屬性 是src是圖片的路徑
起名方式
注意事項(xiàng):
起名要規(guī)范 不能用漢字起 第一個(gè)字母不能是特殊符號(hào) 第一個(gè)字母必須是英文字母
起名的目的就是為了給他添加樣式 style
html中的如果想改變形式,就要在基本結(jié)構(gòu)骨架的基礎(chǔ)上,再添加其它改變形式的代碼,如想要添加表格要加
或在標(biāo)簽名或style中添加屬性和屬性值,(注:有些特殊的只能在標(biāo)簽名中添加)如:
1.
注意事項(xiàng):
(1)書寫規(guī)范 { } 是shift+[ 出來(lái) { }
(2)起名規(guī)范 不能用漢字起 第一個(gè)字母不能是特殊符號(hào) 第一個(gè)字母必須是英文字母
2.(特殊)如表格 table
border 是決定邊框粗細(xì)的屬性 cellspacing 是單元格空間的屬性 cellpadding 是單元格內(nèi)部的邊距的屬性。
Img插入table中
如果在表格中插入圖片時(shí)出現(xiàn)有余白,如:
則需要在style中的img中加一組屬性vertical-align:middle;
如果想合并單元格時(shí)需要在td中加入
colspan 水平合并單元格的個(gè)數(shù)
rowspan 垂直合并單元格的個(gè)數(shù)
表格中套表格要在table中再加一組table(注兩組table)要用起名方式區(qū)分開,不然一旦設(shè)置大表格的table時(shí)小表格的table數(shù)值也會(huì)自動(dòng)被識(shí)別和大表格的屬性值一樣,出現(xiàn)的后果就是表格被撐壞。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/1828.html
摘要:在前面,我們學(xué)習(xí)了的結(jié)構(gòu)基本骨架起名方式和選擇器,接下來(lái),我們就要學(xué)習(xí)了。首先,我們要知道是什么。全稱叫層疊樣式表,作用是給添加樣式,添加屬性。宋體同時(shí)瀏覽器對(duì)三種引入方式的選擇關(guān)系是行間行內(nèi)外部引入鍵值對(duì)就是屬性屬性值也就是的結(jié)構(gòu)在前面,我們學(xué)習(xí)了html的結(jié)構(gòu)、基本骨架、起名方式和選擇器,接下來(lái),我們就要學(xué)習(xí)CSS了。 首先,我們要知道CSS是什么。 CSS 全稱叫層疊樣式表,作用是給h...
摘要:子代選擇器的書寫方式注標(biāo)簽嵌套只有一層關(guān)系后代選擇器的書寫方式注標(biāo)簽嵌套可以有多層關(guān)系包含一層交集選擇器的書寫方式注不能把標(biāo)簽寫在后面(接上一次) 屬性:表示事物的一些特征 屬性又可分為兩種: 標(biāo)簽屬性和樣式屬性 兩者的區(qū)別: 位置不一樣 樣式屬性寫在style中 標(biāo)簽屬性寫在標(biāo)簽內(nèi) ? 寫法不一樣 樣式屬性是屬性:屬性值 標(biāo)簽屬性是屬性=屬性值 選擇器: 1、標(biāo)簽選擇器 2、id選擇器 3...
摘要:宋體雪碧圖宋體我們的宋體和宋體中有三個(gè)屬性可以向服務(wù)器發(fā)送請(qǐng)求,宋體。宋體類型,客戶端和服務(wù)器之間的暗號(hào),根據(jù)拓展名而定。注內(nèi)容包含圖片和文字 background-position ?雪碧圖 我們的html和css中有三個(gè)屬性可以向服務(wù)器發(fā)送請(qǐng)求,src href url。 overflow (1)?值hidden 超出就隱藏 (2)?值scroll ?出現(xiàn)滾動(dòng)條 vis...
摘要:而第一個(gè)依然存在,所以就會(huì)疊加。宋體行級(jí)加只要加了,這個(gè)元素就會(huì)脫離標(biāo)準(zhǔn)文檔流行級(jí)元素加了,脫離了標(biāo)準(zhǔn)文檔流,會(huì)變得塊不像塊,行不像行,能設(shè)置快高,能并排排列,則也不用給行級(jí)標(biāo)簽加了,沒(méi)有意義。在前面,我們學(xué)習(xí)了標(biāo)準(zhǔn)文檔流,但在實(shí)際制作的過(guò)程中,用標(biāo)準(zhǔn)文檔流書寫顯然是不現(xiàn)實(shí)的,因此,我們來(lái)了解幾種脫離標(biāo)準(zhǔn)文檔流的方法: 1.float 浮動(dòng) float:left/right;(左浮/右?。?...
摘要:宋體可以繼承的屬性有哪些宋體系列宋體系列宋體的值的問(wèn)題宋體四個(gè)值的順序是宋體左上宋體右上宋體右下宋體左下。宋體在宋體下宋體為負(fù)讓元素居中,前提是知道元素的寬高。宋體如宋體正常狀態(tài)宋體宋體設(shè)值時(shí)1.transparent 透明的 2.placeholder 提示語(yǔ) 寫頁(yè)面 搞清結(jié)構(gòu)層次, 保證模塊化,讓他們之間不能受到影響 (1)元素性質(zhì) (2)標(biāo)準(zhǔn)流 浮動(dòng)帶來(lái)的脫離文檔流撐不起父級(jí)的高度...
閱讀 824·2023-04-25 19:43
閱讀 4071·2021-11-30 14:52
閱讀 3900·2021-11-30 14:52
閱讀 3984·2021-11-29 11:00
閱讀 3883·2021-11-29 11:00
閱讀 4006·2021-11-29 11:00
閱讀 3721·2021-11-29 11:00
閱讀 6437·2021-11-29 11:00