1. 程式人生 > >一、HTML基礎

一、HTML基礎

列表 按鈕 兩個 -s htm 合並 rip res 超鏈接

一、HTML基礎
1、基本元素<p>,<a>,<img>,<h1>-<h6>,<br>,<hr>;
&nasp; <!--空格-->
<p>段落標簽</p>
<a>超鏈接標</a>
<img src="">圖片標簽
<br/>換行標簽
<h1></h1>字號標題標簽
<hr/>橫線標簽
<div> 容器標簽
class 屬性 class="btm1 btm2"有兩個class屬性btm1 btm2
<span> 分隔文字一般
2、table表格標簽
<table>表格, <tr>行, <td>列
列的合並:colspan="2"
行的合並:rowspan="2"

RGB
Red Green Blue
#aabbcc
#000000
#4e2f89

3、無序列表標簽的使用
<ul>
<li></li>
</ul>

<ul><li>標簽有默認的格式,如果不需要其格式,可以在CSS中將list-style:none

<br /> <!--換行-->
&nasp; <!--空格-->

<head>
標簽用於定義文檔的頭部,它是所有頭部元素的容器。
<head> 中的元素可以引用腳本、指示瀏覽器在哪裏找到樣式表、提供元信息等等。
文檔的頭部描述了文檔的各種屬性和信息,包括文檔的標題、在 Web 中的位置以及和其他文檔的關系等。
絕大多數文檔頭部包含的數據都不會真正作為內容顯示給讀者。
<title> 定義文檔的標題,它是 head 部分中唯一必需的元素。

<body>
定義文檔的主體。
包含文檔的所有內容(比如文本、超鏈接、圖像、表格和列表等等。)

<p> 標簽是文字段落標簽

<title> 標簽是顯示該page頁面的標題名

<form>表單主要是用於傳輸數據給服務器,有結束標簽

<input >一般都在<form>表單下,無結束標簽
有以下屬性
checked一般針對選項默認值選擇
type 屬性有以下類型值
button 按鈕(多數情況下,用於通過 JavaScript 啟動腳本)。
checkbox 復選框,寫多個同名的input ,value值填寫提交給服務器的內容
file 如上傳文件等
hidden 定義隱藏的輸入字段。
image 定義圖像形式的提交按鈕
password 密碼,輸入顯示為*號
radio 單選框
reset 重置鍵
submit 提交整個表單
text 定義單行的輸入字段,用戶可在其中輸入文本。默認寬度為 20 個字符

<h1>-<h6>一共6個標題標簽

<br />換行標簽

<a> 超鏈接標簽,最重要的屬性是 href 屬性,它指示鏈接的目標。

<img src="圖片地址">圖片標簽

<hr />橫線標簽

<table>、<tr>、<td>標簽組合使用表格
<table>表示表格
<tr>管理整行
<td>管理行下面的對應列
<td>屬性有以下類型值
colspan列合並
rowspan行合並

<table border="1" width="200" align="center" >
<tr>
<td colspan="2">222</td>

</tr>
<tr>
<td>1</td>
<td rowspan="2">1</td>
</tr>
<tr>
<td>1</td>

</tr>
<tr>
<td>1</td>
<td>1</td>
</tr>
</table>

一、HTML基礎