當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

实战html

發布時間：2024/9/30 编程问答 31 豆豆

生活随笔收集整理的這篇文章主要介紹了实战html 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

軟件開發的行業發展

推薦大家學習PHP\java\python

HTML是web軟件開發基礎

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>

如果你的擴展名一直感覺不對，可能是因為你的系統隱藏了拓展名

如何顯示拓展名

html一些基本標簽

標題、段落、空格、一條橫線、超鏈接，圖片

表格與合并表格

<!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>

相對路徑和絕對路徑

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

../表示當前文件的上一級目錄

/表示根目錄

../../表示上兩級目錄

總結

以上是生活随笔為你收集整理的实战html的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

html
实战