|
今天又把HTML整理了一下，并且在sublime_text.exe練習(xí)了一下
第一個(gè)HTML：
<body text="#00FF00" bgcolor="silver" background="">：控制整個(gè)網(wǎng)頁(yè)（body）的背景色
<br> 換行
<hr> （水平線）
排版標(biāo)簽：
<hr width="50%" size="7" color="rad" align="left">:分割線,50%指占水平距離的50%，size 指寬度大小，color指顏色，align指對(duì)齊方式
<p>指段落
文字標(biāo)簽：
font:
例：<font color="red" size="7" face="微軟雅黑">XXXXX</font>
color定義字體顏色，size（最大值為7，最小值為1，默認(rèn)為3）定義字體大小，face定義字體樣式( 類(lèi)型)
<b></b>加粗字體===<strong></strong>
無(wú)序標(biāo)簽：
<ul type="disc"> <li> </li> </ul>
<ul type="circle"> <li> </li> </ul>
<ul type="square"> <li> </li> </ul>
前面不帶數(shù)字
有序標(biāo)簽：
<ol type="1" start="5"> <li> </li> </ol>
"1":作用暫時(shí)不清楚 "5"作用是用來(lái)定義起始數(shù)值
圖形標(biāo)簽：
img :
<img src="D:\圖片/111.jpeg" width="500px" height="600px" border="100px" align="top" alt="加載文件丟失" title="微軟"/>
我是一張微軟的圖標(biāo),我很流弊的?。。。。。。。?！
分析：
px:指大小單位
img src :指的是這張圖片的路徑
width:指的是這張圖片的寬度
height:指的是這張圖片的高度
boder:指的是外加邊框
align:指的是對(duì)齊方式
alt:作用是當(dāng)圖片路徑不對(duì)或者加載不出來(lái)時(shí)，就會(huì)顯示alt中的內(nèi)容
title：作用暫且不知
(我是一張微軟的圖標(biāo),我很流弊的?。。。。。。。?！):文本
鏈接標(biāo)簽：
a:
<a >百度一下</a><br>
分析：
a:鏈接標(biāo)簽的標(biāo)識(shí)
href:跳轉(zhuǎn)到的頁(yè)面地址
百度一下：(name)名稱(chēng)，錨點(diǎn)
<br>:換行
表單：
<body>
<div style=" height: 400px;width: 50%;background-color: azure;margin: auto;border: 5px solid gold;">
<form name="user" action="#" method="get">
<label>姓名:</label>
<input type="text" value="" name="username"/><br>
<label>年齡:</label>
<input type="text" value="" name="userage"/><br>
<label>性別:</label>
男<input type="radio" name="usersex"/>
女<input type="radio" name="usersex" checked="checked"/>
<br>
<label>愛(ài)好:</label>
敲代碼<input type="checkbox" />
打籃球<input type="checkbox" />
跑步<input type="checkbox" />
睡覺(jué)<input type="checkbox" /><br>
<input type="image" src="D:\圖片/001.jpg" width="50px" height="50px" /><br><br>
請(qǐng)上傳您的照片：<input type="file" />
<input type="hidden" value="1"/><br><br>
學(xué)歷:
<select>
<option>研究生</option>
<option>大學(xué)本科</option>
<option>大學(xué)專(zhuān)科</option>
<option>中專(zhuān)</option>
<option>其他</option>
</select>
<br><br>
戶(hù)籍:
<select>
<option>安徽省</option>
<option>浙江省</option>
<option>江蘇省</option>
<option>廣東省</option>
<option>廣西省</option>
</select>
<select>
<option>合肥市</option>
<option>安慶市</option>
<option>黃山市</option>
<option>阜陽(yáng)市</option>
<option>淮南市</option>
<option>宿州市</option>
</select>
<br><br>
<input type="button" value="按鈕" />
<input type="submit" />
<input type="reset" /><br>
</form>
</div>
</body>
分析:<div>中定義了整個(gè)表單的寬與高，以及背景顏色，邊框大小，邊框顏色
https://img2018.cnblogs.com/blog/1444343/201909/1444343-20190916193601789-1042549906.png
https://img2018.cnblogs.com/blog/1444343/201909/1444343-20190916193601789-1042549906.png
?
?
?
?
?然后下午練習(xí)了一下Apache等中間件在Windows以及l(fā)inux中的安裝，
?
?
?
?
?
在linux中? clear表示清屏
cd.. :表示返回上一級(jí)目錄
&&：表示連貫執(zhí)行
:x=:wq ;都有保存退出的意思
?
來(lái)源：https://www./content-4-824901.html
|
