HTML基礎知識

html是一種超文本標記語言
主體框架
<html>
<head>//頭部區(qū)域
<title>我的第一個網(wǎng)站</title>
</head>
<body>//身體區(qū)域
</body>
</html>
標題標簽:<h1>-<h6>依次變小
分割線:<hr>(單行標簽)
換行:<br>(單行標簽)
字體設置:<font 顏色 color="red" 大小 size="20" 字體樣式face="宋體"></font>
插入圖片:<img src="圖片的路徑" width="寬度" height="高度">
----------------------------------------------
T2
超鏈接:<a href="超鏈接連接的地址" target="新窗體的打開位置(self ?_blank)">在a標簽中間添加文字或者圖片</a>
html注釋:<!--內容-->
C語言中的單行注釋://
<sub>內容</sub>:在下方
<sup>內容</sup>:在上方
Hbuilder快捷鍵注釋:Ctrl+/
走馬燈:<marquee scrollamount="滾動速度" loop="滾動的次數(shù)" direction="left/right/up/down" bgcolor="背景顏色"></marquee>
T3
表格:table
行:tr
單元格:td
表格的語法
<table>
<tr>
<td></td>
</tr>
</table>
th:標題 字體是加粗的,字體默認居中
給表格加邊框:border="1px"
表格的對齊方式:align="左(left) 中間(center) 右(right)上(top) 下(down)"
cellspacing:設置單元格和單元格之間的間距
若想讓表格的內容居中,則給tr設置align
屬性colspan:合并列
rowspan:合并行
--------------------------------------------
T4
有序列表:顯示的樣式有5種,默認為數(shù)字,小寫英文,大寫英文,小寫和大寫羅馬數(shù)字
<ol type="a" start="開始的位置"> <li></li></ol>無序列表:顯示的樣式有3種,默認為實心圓(disc),空心圓(circle),正方形(square)
<ul type="a"> <li></li></ul>
不顯示項目符號:style="list-style:none"
自定義列表:
<dl>
<dt>標題或者是圖片</dt>
<dd>詳細介紹</dd>
</dl>
錨點鏈接:開始的位置:<a href="#名字">內容</a>
終點的位置:<a name="名字">內容</a>
----------------------------------------------------------------------------------
T5
外層的form必須寫:<form action="目標地址"></form>
用戶名:<input type="text" placeholder="請輸入用戶名">
密碼框:<input type="password" placeholder="請輸入密碼">
提交按鈕:<input type="submit" value="提交">
取消按鈕:<input type="reset" value="取消">
普通按鈕:<input type="button" value="普通按鈕">多行文本框(文本域):<textarea name=""cols=""rows=""warp=""></textarea>
warp:換行控制,其取值如下:
off:不自動換行
hard:自動硬回車換行,換行標記一同被傳送到服務器中去
soft:自動軟回車換行,換行標記不會傳送到服務器中去
復選框:<input type="checkbox" checked="checked"(默認選中) name="取的名字可以隨意些(用于分組)”>蔡徐坤的籃球
單選框:<input type="radiao" checked="checked"(默認選name)="取的名字可以隨意些(用于分組)">男
下拉框:? ? ? ? ? ?
<select>? ? ? ? ? ? ? ? ? ? ? ? ? ??
?<option selected="selected">上海</option>? ? ? ? ? ? ?</select>
日期框:<input type="date">