當(dāng)前位置：首頁(yè) > 编程资源 > 编程问答 >内容正文

编程问答

实战html

發(fā)布時(shí)間：2024/9/30 编程问答 28 豆豆

生活随笔收集整理的這篇文章主要介紹了实战html 小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

軟件開(kāi)發(fā)的行業(yè)發(fā)展

推薦大家學(xué)習(xí)PHP\java\python

HTML是web軟件開(kāi)發(fā)基礎(chǔ)

html的基本模型

<!DOCTYPE html>
?? ??? ?<html>
?? ??? ??? ?<head>
?? ??? ??? ??? ?<meta charset="utf-8" />
?? ??? ??? ??? ?<meta name="viewport" content="width=device-width, initial-scale=1">
?? ??? ??? ??? ?<title></title>
?? ??? ??? ?</head>
?? ??? ??? ?<body>
?? ??? ??? ??? ?
?? ??? ??? ?</body>
?? ??? ?</html>

如果你的擴(kuò)展名一直感覺(jué)不對(duì)，可能是因?yàn)槟愕南到y(tǒng)隱藏了拓展名

如何顯示拓展名

html一些基本標(biāo)簽

標(biāo)題、段落、空格、一條橫線、超鏈接，圖片

表格與合并表格

<!DOCTYPE html>
<html>
?? ?<head>
?? ??? ?<meta charset="utf-8">
?? ??? ?<title>表格</title>
?? ?</head>
?? ?<body>
?? ??? ?<table border="1">
?? ??? ??? ?
?? ??? ??? ?<tr>
?? ??? ??? ??? ?<td>第一行第一列</td>
?? ??? ??? ??? ?<td>第一行第二列</td>
?? ??? ??? ?</tr>
?? ??? ??? ?<tr>
?? ??? ??? ??? ?<td>第二行第一列</td>
?? ??? ??? ??? ?<td>第二行第二列</td>
?? ??? ??? ?</tr>
?? ??? ?</table>
?? ??? ?<hr>
?? ??? ?<table border="1">
?? ??? ??? ?<thead>

?? ??? ??? ??? ?<tr>
?? ??? ??? ??? ??? ?<th>你好</th>
?? ??? ??? ??? ??? ?<th>你好</th>
?? ??? ??? ??? ??? ?<th>你好</th>
?? ??? ??? ??? ??? ?<th>你好</th>
?? ??? ??? ??? ?</tr>
?? ??? ??? ?</thead>
?? ??? ??? ?<tbody>
?? ??? ??? ??? ?<tr>
?? ??? ??? ??? ??? ?<td>我好</td>
?? ??? ??? ??? ??? ?<td>都好</td>
?? ??? ??? ??? ??? ?<td>都好</td>
?? ??? ??? ??? ??? ?<td>都好</td>
?? ??? ??? ??? ?</tr>
?? ??? ??? ??? ?<tr>
?? ??? ??? ??? ??? ?<td>我好</td>
?? ??? ??? ??? ??? ?<td>都好</td>
?? ??? ??? ??? ??? ?<td>都好</td>
?? ??? ??? ??? ??? ?<td>都好</td>
?? ??? ??? ??? ?</tr>
?? ??? ??? ??? ?<tr>
?? ??? ??? ??? ??? ?<td>我好</td>
?? ??? ??? ??? ??? ?<td>都好</td>
?? ??? ??? ??? ??? ?<td>都好</td>
?? ??? ??? ??? ??? ?<td>都好</td>
?? ??? ??? ??? ?</tr>
?? ??? ??? ?</tbody>
?? ??? ??? ?<tfoot>
?? ??? ??? ??? ?<tr>
?? ??? ??? ??? ??? ?<td>都好</td>
?? ??? ??? ??? ??? ?<td>都好</td>
?? ??? ??? ??? ??? ?<td>都好</td>
?? ??? ??? ??? ??? ?<td>都好</td>
?? ??? ??? ??? ?</tr>
?? ??? ??? ?</tfoot>
?? ??? ?</table>
?? ??? ?<hr>
?? ??? ?<h1>合并單元格</h1>
?? ??? ?<hr>
?? ??? ?<table border="1">
?? ??? ??? ?<thead>

?? ??? ??? ??? ?<tr>
?? ??? ??? ??? ??? ?<th colspan="4">你好</th>
?? ??? ??? ??? ?</tr>
?? ??? ??? ?</thead>
?? ??? ??? ?<tbody>
?? ??? ??? ??? ?<tr>
?? ??? ??? ??? ??? ?<td>我好</td>
?? ??? ??? ??? ??? ?<td>都好</td>
?? ??? ??? ??? ??? ?<td>都好</td>
?? ??? ??? ??? ??? ?<td>都好</td>
?? ??? ??? ??? ?</tr>
?? ??? ??? ??? ?<tr>
?? ??? ??? ??? ??? ?<td>我好</td>
?? ??? ??? ??? ??? ?<td rowspan="2" colspan="2">都好</td>
?? ??? ??? ??? ??? ?<td>都好</td>
?? ??? ??? ??? ?</tr>
?? ??? ??? ??? ?<tr>
?? ??? ??? ??? ??? ?<td>都好1</td>
?? ??? ??? ??? ??? ?<td>都好4</td>
?? ??? ??? ??? ?</tr>
?? ??? ??? ?</tbody>
?? ??? ??? ?<tfoot>
?? ??? ??? ??? ?<tr>
?? ??? ??? ??? ??? ?<td colspan="4">都好</td>
?? ??? ??? ??? ?</tr>
?? ??? ??? ?</tfoot>
?? ??? ?</table>

?? ?</body>
</html>

相對(duì)路徑和絕對(duì)路徑

<!DOCTYPE html>
<html>
?? ?<head>
?? ??? ?<meta charset="utf-8">
?? ??? ?<title>T2</title>
?? ?</head>
?? ?<body>
?? ??? ?<h4>相對(duì)路徑和絕對(duì)路徑</h4>
?? ??? ?<p>絕對(duì)路徑：在北京給我們團(tuán)隊(duì)寫(xiě)信，信件的地址：湖北省XX市XX區(qū)X軟件園X座18樓xxxx室：張三收</p>
?? ??? ?<p>如果我們現(xiàn)在就在軟件園，李四幫王五帶一封文件給張三豐，我們只需要說(shuō)把文件送到18樓xxxx</p>
?? ??? ?<p>如果都在18樓，現(xiàn)在直接說(shuō)把文件送到1號(hào)房就可以了</p>
?? ??? ?<p>相對(duì)路徑是相對(duì)于被執(zhí)行者的。比如我們要讓李四帶文件，那么就是相對(duì)于李四的位置，先找一個(gè)參照地點(diǎn)</p>
?? ??? ?<p>程序是來(lái)源于生活，然后高于生活的，是為了解決生活中的實(shí)際問(wèn)題</p>
?? ??? ?<h4>計(jì)算機(jī)中的相對(duì)路徑和絕對(duì)路徑</h4>
?? ??? ?<p>絕對(duì)路徑就是從硬盤(pán)的盤(pán)符開(kāi)始找，直到文件本身的路徑</p>
?? ??? ?<p>index.html的絕對(duì)路徑：E:\admin\index.htm</p>
?? ??? ?<img src="F:/php/admin/img/cloud.jpg" >
?? ??? ?<img src="img/cloud.jpg" >
?? ??? ?</body>
</html>

../表示當(dāng)前文件的上一級(jí)目錄

/表示根目錄

../../表示上兩級(jí)目錄

總結(jié)

以上是生活随笔為你收集整理的实战html的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

html
实战