欧美free性护士vide0shd,老熟女,一区二区三区,久久久久夜夜夜精品国产,久久久久久综合网天天,欧美成人护士h版

<style id="ia6hq"></style>

^{<blockquote id="ia6hq"></blockquote>}<sub id="ia6hq"></sub>

首頁(yè)綜合正文

目錄

柚子快報(bào)邀請(qǐng)碼778899分享：java HTML、CSS

Megamarket優(yōu)選市場(chǎng)綜合2025-08-22300

柚子快報(bào)邀請(qǐng)碼778899分享：java HTML、CSS

http://yzkb.51969.com/

初識(shí)web前端

web標(biāo)準(zhǔn)

Web標(biāo)準(zhǔn)也稱(chēng)為網(wǎng)頁(yè)標(biāo)準(zhǔn)，由一系列的標(biāo)準(zhǔn)組成，大部分由W3C (World Wide Web Consortium，萬(wàn)維網(wǎng)聯(lián)盟) 負(fù)責(zé)制定。三個(gè)組成部分:

HTML: 負(fù)責(zé)網(wǎng)頁(yè)的結(jié)構(gòu)(頁(yè)面元素和內(nèi)容)。CSS: 負(fù)責(zé)網(wǎng)頁(yè)的表現(xiàn)(頁(yè)面元素的外觀、位置等頁(yè)面樣式，如: 顏色、大小等)。Javascript: 負(fù)責(zé)網(wǎng)頁(yè)的行為(交互效果)。

什么是HTML、CSS？

HTML

HTML (HyperTextMarkupLanguage): 超文本標(biāo)記語(yǔ)言。

超文本: 超越了文本的限制，比普通文本更強(qiáng)大。除了文字信息，還可以定義圖片、音頻、視頻等內(nèi)容。標(biāo)記語(yǔ)言: 由標(biāo)簽構(gòu)成的語(yǔ)言

HTML標(biāo)簽都是預(yù)定義好的。例如: 使用展示超鏈接，使用展示圖片，

標(biāo)題標(biāo)簽

標(biāo)簽：

...

(h1-> h6 重要程度依次降低)注意：HTML 標(biāo)簽都是預(yù)定義好的，不能自己隨意定義。

水平線標(biāo)簽

圖片標(biāo)簽

絕對(duì)路徑：絕對(duì)磁盤(pán)路徑 D:/xxxx,絕對(duì)網(wǎng)絡(luò)路徑 https://xxxx相對(duì)路徑：從當(dāng)前文件開(kāi)始查找。./：當(dāng)前目錄，../：上級(jí)目錄

標(biāo)簽

是一個(gè)在開(kāi)發(fā)網(wǎng)頁(yè)時(shí)大量會(huì)用到的沒(méi)有語(yǔ)義的布局標(biāo)簽特點(diǎn): 一行可以顯示多個(gè)(組合行內(nèi)元素)，寬度和高度默認(rèn)由內(nèi)容撐開(kāi)

視頻標(biāo)簽

src : 規(guī)定視頻的 urlcontrols : 顯示播放控件width : 播放器的寬度height : 播放器的高度

音頻標(biāo)簽

src : 規(guī)定音頻的 urlcontrols : 顯示播放控件

段落標(biāo)簽

文本加粗標(biāo)簽

/

表格標(biāo)簽

場(chǎng)景：在網(wǎng)頁(yè)中以表格(行、列)形式整齊展示數(shù)據(jù)，如: 班級(jí)表。標(biāo)簽：

表單標(biāo)簽

場(chǎng)景：在網(wǎng)頁(yè)中主要負(fù)責(zé)數(shù)據(jù)采集功能，如注冊(cè)、登錄等數(shù)據(jù)采集。標(biāo)簽：

表單項(xiàng) 不同類(lèi)型的 input 元素、下拉列表、文本域等。 : 定義表單項(xiàng)，通過(guò)type屬性控制輸入形式。 : 定義文本域。屬性： <action>: 當(dāng)提交表單時(shí)向何處發(fā)送表單數(shù)據(jù)，表單數(shù)據(jù)提交的URL地址。 <method>: 發(fā)送表單數(shù)據(jù)的方式。</p><p>GET: 表單數(shù)據(jù)拼接在url后面，?username=java，大小有限制。 POST：表單數(shù)據(jù)在請(qǐng)求體中攜帶，大小沒(méi)有限制。注意：表單項(xiàng)必須有name屬性才可以提交。 HTML結(jié)構(gòu)標(biāo)簽 <html></p><p><head></p><p><title>標(biāo)題</title></p><p></head></p><p><body></p><p><div class="3ih7pjjnjzpn" id="ly_cache" data-id="19533543" data-end="1757166984"></div></body></p><p></html></p><p>特點(diǎn)</p><p>HTML標(biāo)簽不區(qū)分大小寫(xiě)HTML標(biāo)簽屬性值單雙引號(hào)都可以HTML語(yǔ)法松散注意</p><p>在HTML中無(wú)論輸入多少個(gè)空格，只會(huì)顯示一個(gè)?？梢允褂每崭裾嘉环?nbsp</p><p>例子：</p><p>01.新浪新聞-標(biāo)題-排版.html :</p><p></p><p><!DOCTYPE html></p><p><html lang="en"></p><p><head></p><p></p><p><meta charset="UTF-8"></p><p></p><p><meta name="viewport" content="width=device-width, initial-scale=1.0"></p><p><title>焦點(diǎn)訪談</title></p><p></head></p><p><body></p><p></p><p class="isIndent"><img src="img/news_logo.png" width="160px"> 新浪 > 正文</p><p><h1>焦點(diǎn)訪談</h1></p><p><hr></p><p>2023年03月02日 21:50 新浪網(wǎng)</p><p><hr></p><p><div class="3ih7pjjnjzpn" id="ly_cache" data-id="19533543" data-end="1757166984"></div></body></p><p></html></p><p>超鏈接</p><p>標(biāo)簽：<a href="..." target="...">新浪網(wǎng)</a>屬性：</p><p>href : 指定資源訪問(wèn)的 urltarget : 指定在何處打開(kāi)資源鏈接_self : 默認(rèn)值，在當(dāng)前頁(yè)面打開(kāi)blank : 在新的空白頁(yè)面打開(kāi)</p><p>例子：</p><p>04.新浪新聞-標(biāo)題-超鏈接.html ：</p><p><!DOCTYPE html></p><p><html lang="en"></p><p><head></p><p><meta charset="UTF-8"></p><p><meta name="viewport" content="width=device-width, initial-scale=1.0"></p><p><title>焦點(diǎn)訪談</title></p><p></p><p></head></p><p><body></p><p class="isIndent"><img src="img/news_logo.png" width="160px"> <a href="https://gov.sina.com.cn/" target="_self">新浪</a> > 正文</p><p><h1>焦點(diǎn)訪談</h1></p><p><hr></p><p><span id="3ih7pjjnjzpn" class="cls" id="time">2023年03月02日</span></p><p><span id="3ih7pjjnjzpn" class="cls">21:50 <a href="https://news.cctv.com/2023/03/02/ARTIUCKFf9kE9eXgYE46ugx3230302.shtml" target="_blank">新浪網(wǎng)</a></span></p><p><hr></p><p><div class="3ih7pjjnjzpn" id="ly_cache" data-id="19533543" data-end="1757166984"></div></body></p><p></html></p><p>CSS</p><p>CSS (Cascading Style Sheet): 層疊樣式表，用于控制頁(yè)面的樣式(表現(xiàn))。</p><p>CSS 引入方式</p><p>行內(nèi)樣式: 寫(xiě)在標(biāo)簽的style屬性中(不推薦)內(nèi)嵌樣式: 寫(xiě)在style標(biāo)簽中(可以寫(xiě)在頁(yè)面任何位置，但通常約定寫(xiě)在head標(biāo)簽中)外聯(lián)樣式: 寫(xiě)在一個(gè)單獨(dú)的.css文件中(需要通過(guò) link標(biāo)簽在網(wǎng)頁(yè)中引入)</p><p>顏色表示方式</p><p>例子：</p><p>02.新浪新聞-標(biāo)題-樣式1.html :</p><p><!DOCTYPE html></p><p><html lang="en"></p><p><head></p><p><meta charset="UTF-8"></p><p><meta name="viewport" content="width=device-width, initial-scale=1.0"></p><p><title>焦點(diǎn)訪談</title></p><p></p><p></p><p></p><p></p><p></head></p><p><body></p><p class="isIndent"><img src="img/news_logo.png" width="160px"> 新浪 > 正文</p><p></p><p></p><p><h1>焦點(diǎn)訪談</h1></p><p><hr></p><p>2023年03月02日 21:50 新浪網(wǎng)</p><p><hr></p><p><div class="3ih7pjjnjzpn" id="ly_cache" data-id="19533543" data-end="1757166984"></div></body></p><p></html></p><p>new.css:</p><p>h1 {</p><p>color: #4e4f53;</p><p>}</p><p>CSS 選擇器：用來(lái)選取需要設(shè)置樣式的元素（標(biāo)簽）</p><p>三種選擇器的優(yōu)先級(jí)：id 選擇器 > 類(lèi)選擇器 > 元素選擇器</p><p>元素選擇器 id 選擇器類(lèi)選擇器</p><p>CSS 屬性</p><p>color : 設(shè)置文本的顏色font-size : 字體大小（注意：記得加 px）text-decoration : 規(guī)定添加到文本的修飾，none表示定義標(biāo)準(zhǔn)的文本。</p><p>CSS 樣式</p><p>line-height : 設(shè)置行高text-indent : 定義第一個(gè)行內(nèi)容的縮進(jìn)text-align : 規(guī)定元素中的文本的水平對(duì)齊方式</p><p>例子：</p><p>03.新浪新聞-標(biāo)題-樣式2.html ：</p><p><!DOCTYPE html></p><p><html lang="en"></p><p><head></p><p><meta charset="UTF-8"></p><p><meta name="viewport" content="width=device-width, initial-scale=1.0"></p><p><title>焦點(diǎn)訪談</title></p><p></p><p></head></p><p><body></p><p class="isIndent"><img src="img/news_logo.png" width="160px"> 新浪 > 正文</p><p><h1>焦點(diǎn)訪談</h1></p><p><hr></p><p><span id="3ih7pjjnjzpn" class="cls" id="time">2023年03月02日</span></p><p><span id="3ih7pjjnjzpn" class="cls">21:50 新浪網(wǎng)</span></p><p><hr></p><p><div class="3ih7pjjnjzpn" id="ly_cache" data-id="19533543" data-end="1757166984"></div></body></p><p></html></p><p>頁(yè)面布局</p><p>盒子 : 頁(yè)面中所有的元素(標(biāo)簽)，都可以看做是一個(gè)盒子，由盒子將頁(yè)面中的元素包含在一個(gè)矩形區(qū)域內(nèi)，通過(guò)盒子的視角更方便的進(jìn)行頁(yè)面布局。盒子模型組成 : 內(nèi)容區(qū)域(content)，內(nèi)邊距區(qū)域(padding)，邊框區(qū)域(border)，外邊距區(qū)域(margin)。標(biāo)簽 : <div> <span> 特點(diǎn) :</p><p>div 標(biāo)簽 :</p><p>一行只顯示一個(gè)(獨(dú)占一行)寬度默認(rèn)是父元素的寬度，高度默認(rèn)由內(nèi)容撐開(kāi)可以設(shè)置寬高(width、height) span 標(biāo)簽 :</p><p>一行可以顯示多個(gè)寬度和高度默認(rèn)由內(nèi)容撐開(kāi)不可以設(shè)置寬高(width、height)</p><p>注意 : 如果只需要設(shè)置某一個(gè)方位的邊框、內(nèi)邊距、外邊距，可以在屬性名后加上 - 位置，如: padding-top、padding-left、padding-right .</p><p>例子：</p><p>06.新浪新聞-正文-布局.html ：</p><p><!DOCTYPE html></p><p><html lang="en"></p><p><head></p><p><meta charset="UTF-8"></p><p><meta name="viewport" content="width=device-width, initial-scale=1.0"></p><p><title>焦點(diǎn)訪談</title></p><p></p><p></head></p><p><body></p><p><div class="3ih7pjjnjzpn" id="center"></p><p class="isIndent"><img src="img/news_logo.png" width="160px"> <a href="https://gov.sina.com.cn/" target="_self">新浪</a> > 正文</p><p><h1>焦點(diǎn)訪談</h1></p><p><hr></p><p><span id="3ih7pjjnjzpn" class="cls" id="time">2023年03月02日</span></p><p><span id="3ih7pjjnjzpn" class="cls">21:50 <a href="https://news.cctv.com/2023/03/02/ARTIUCKFf9kE9eXgYE46ugx3230302.shtml" target="_blank">新浪網(wǎng)</a></span></p><p><hr></p><p></p><p></p><p class="isIndent isVideo"><video src="video/news.mp4" controls width="950px"></video></p><p></p><p class="isIndent"></p><p><p><b>新浪網(wǎng)消息</b>（焦點(diǎn)訪談）：我們把飯碗牢牢端在自己手中，連續(xù)八年1.3萬(wàn)億斤，這個(gè)沉甸甸的數(shù)據(jù)是如何取得的呢？</p></p><p><p>人勤春來(lái)早，春耕農(nóng)事忙。立春之后，由南到北，春天的田野處處生機(jī)盎然。</p></p><p class="isIndent"><img src="img/1.jpg" width="950px"></p><p><p>今年，人均糧食占有量始終穩(wěn)穩(wěn)高于國(guó)際公認(rèn)的400公斤糧食安全線。從十年前的約12200億斤到2022年的約13700億斤，糧食產(chǎn)量提高了1500億斤。</p></p><p class="isIndent"><img src="img/2.jpg" width="950px"></p><p><p>在極端天氣事件多發(fā)、頻發(fā)的情況下取得的，是在從事農(nóng)業(yè)生產(chǎn)的人口減少的條件下取得的。</p></p><p class="isIndent"><img src="img/3.jpg" width="680px"></p><p><p>葉興慶：“要實(shí)現(xiàn)這樣一個(gè)目標(biāo)，確保產(chǎn)能，適度進(jìn)口，科技支撐。”</p></p><p><p id="plast"></p><p>責(zé)任編輯：王樹(shù)淼 SN242</p></p><p></div></p><p><div class="3ih7pjjnjzpn" id="ly_cache" data-id="19533543" data-end="1757166984"></div></body></p><p></html></p><p>07.HTML-表單項(xiàng)標(biāo)簽.html :</p><p><!DOCTYPE html></p><p><html lang="en"></p><p><head></p><p><meta charset="UTF-8"></p><p><meta name="viewport" content="width=device-width, initial-scale=1.0"></p><p><title>HTML-表單</title></p><p></head></p><p><body></p><p><form action="" method="post"></p><p>姓名：<input type="text" name="name"><br><br></p><p>密碼：<input type="password" name="password"><br><br></p><p>性別：<label><input type="radio" name="gender" value="1">男</label></p><p><label><input type="radio" name="gender" value="2">女</label><br><br></p><p>愛(ài)好：<label><input type="checkbox" name="hobby" value="java">java</label></p><p><label><input type="checkbox" name="hobby" value="game">game</label></p><p><label><input type="checkbox" name="hobby" value="sing">sing</label><br><br></p><p>圖像：<input type="file" name="image"><br><br></p><p>生日：<input type="date" name="birthday"><br><br></p><p>日期時(shí)間：<input type="datetime-local" name="datetime"><br><br></p><p>郵箱：<input type="email" name="email"><br><br></p><p>年齡：<input type="text" name="age"><br><br></p><p>學(xué)歷：<select name="degree"></p><p><option value="">-----------請(qǐng)選擇--------</option></p><p><option value="1">大專(zhuān)</option></p><p><option value="2">本科</option></p><p><option value="3">碩士</option></p><p><option value="4">博士</option></p><p></select><br><br></p><p>描述：<textarea name="description" cols="30" rows="10">

柚子快報(bào)邀請(qǐng)碼778899分享：java HTML、CSS

http://yzkb.51969.com/
精彩內(nèi)容
評(píng)論可見(jiàn)，查看隱藏內(nèi)容

本文內(nèi)容根據(jù)網(wǎng)絡(luò)資料整理，出于傳遞更多信息之目的，不代表金鑰匙跨境贊同其觀點(diǎn)和立場(chǎng)。

轉(zhuǎn)載請(qǐng)注明，如有侵權(quán)，聯(lián)系刪除。

本文鏈接：http://m.gantiao.com.cn/post/19533543.html

發(fā)布評(píng)論

取消回復(fù)

您暫未設(shè)置收款碼

請(qǐng)?jiān)谥黝}配置——文章設(shè)置里上傳

金鑰匙跨境

掃描二維碼手機(jī)訪問(wèn)

文章目錄

感谢您访问我们的网站，您可能还对以下资源感兴趣：
欧美free性护士vide0shd

^{<thead id="avnt2"></thead>}