學習html輔助

1、html標簽分為兩種:

一種為成對標簽,也就是說標簽有開始有結束有內容,如:<p>文字</p>段落標簽

一種為獨立標簽,只有標簽,沒有內容,<img src="圖片地址">圖片標簽

2、常用的html標簽(標簽字母不區分大小寫)

<html>? ? 定義為html超文本文檔;

<head>? ? 頭信息標簽(定義文檔頭信息)

<body>體標簽(定義文檔體標簽信息)

<title>標題(定義文檔標題標簽)

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

<a>html超鏈接標簽(<a href="超鏈地址">超鏈文字</a>)

<div>html層的樣式標簽

<table>定義html表格標簽

<tr>定義html表格行

<td>定義html表格列

<form>html表單標簽

<input>定義表單輸入域,輸入型標簽

<hr/>html分割線標簽

3、html標簽屬性

1、html屬性一般都出現在html標簽中,是html標簽的一部分

基本語法為下:

<標簽名 屬性名1="屬性值1"屬性名2="屬性值2">

2、標簽可以有屬性,包含額外信息,屬性值一定要用雙引號,標簽可以擁有多個屬性,屬性由屬性名和值成對出現。

<a >百度首頁</a> ? ? ? ? ? ? => 定義百度首頁超鏈

<img src="http://www.baidu.com/baidu.png" width="80"height="40"/>? ? ? ? =>插入一張圖片并設置寬高

3、在設置顏色屬性時,有倆種設置方法,第一種為直接將顏色的英文寫入屬性值,另一種是寫入十六進制顏色值

4、html注釋寫法 ?=> ? <!-- 注釋內容 -->

5、html字符實體

意為一些代碼所代表的字符,用數值碼和引用實體兩種方式表示:

&quot;? ? ? ? ? =>? “

&lt; ? ? ? ? ?=> ? ?<

&gt; ? ? ? ? ?=> ? ?>

&amp; ? ? ? => ? ? &

&nbsp; ? ? ? ?=> ? 空格

&copy;? ? ? ? =>? ? ? ?

6、HTML主題結構

<head>元素包含的常用標簽:

1、title 標簽代表html的標題

2、base 標簽將相對url轉換為完整的絕對url

3、meta 標簽用于定義文件信息的名稱,內容等信息

4、link 標簽在文檔中聲明使用的外接資源時使用此標簽

5、style 標簽在文檔中聲明使用樣式時使用此標簽

6、script 標簽在文檔中使用JavaScript腳本

<body>體中可以放任何正確的,可以使用的標簽

7、HTML文檔主體標記

body標簽的常用屬性

text設定頁面文字的顏色

bgcolor設定頁面的背景顏色

background設定頁面背景圖片

bgroperties設定背景圖像為固定

link設定頁面默認的鏈接顏色

alink設定鼠標正在點擊時的顏色

vlink設定訪問后的鏈接顏色

topmargin設定頁面的上邊距

leftmargin設定頁面的左邊距

8、HTML的格式標簽

<br>換行標簽

<p>段落標簽,里面可以加入文字列表表格

<center>居中對齊標簽

<pre>按原文顯示標簽

<li>代表html列表項目,每一個列表項使用一對

<ul>代表html無序列表,里面每一列表項使用<li>標簽定義

<ol>代表html有序標簽,里面每一列表項使用<li>標簽定義

<hr>水平分割線

9、HTML的文本標簽

<h>標題字體標簽,h1-h6有效

<b>粗體字體標簽

<u>下劃線字體標簽

<i>斜體字體標簽

<sub>文本下標字體標簽

<sup>文本上標字體標簽,類似次方的效果

<font>字體標簽

<tt>打字機文字

<cite>用于引證、舉例、通常為斜體

<em>表示強調,通常為斜體

<strong>表示強調,通常為粗體

<small>小型字體標簽

<big>大型字體標簽

10、HTML建立錨點和超鏈接

a標簽 ---- ?代表HTML鏈接

常用屬性:

href代表url資源鏈接

target用來指出在哪個窗口打開此鏈接(默認為_self;在當前窗口打開)

·target="_blank"在新窗口打開

·target="_parent"將此鏈接的內容,當成文件的另一個畫面

·target="_top"這個參數可以解決新內容被舊框包圍的困擾,使用這個參數,會將整個畫面重新顯示成畫面內容

title代表鏈接的附加信息

鏈接語法:

<a target="_blank" title="百度首頁">百度首頁</a>

錨點:

通常在當前文件中定位一個地方去跳轉,而不是去跳轉別的網頁

錨點也支持在另一個文件中定位當前文件的錨點位置

定義定點錨點:

<a name="錨點名" >位置1</a>

跳轉到定點錨點:

<a href=#錨點名>名稱1</a>

定義跳轉到頂部:

<a herf=#>跳轉到頂部</a>

11、HTML表格標簽

<table>表格標簽

<th>代表列名,根據多少列來定

<tr>行

<td>列

table標簽屬性:

align定義位置

border邊框屬性(值為0表示沒有,值為多少即為表示有多少像素的邊框)

bordercolor 邊框顏色屬性

caption表頭用于定義表格名稱的位置,此標簽要寫在table標簽中<tr>標簽外

12、HTML表格標簽常用屬性

table標簽屬性:

width代表表格寬度

height代表表格高度

border代表表格邊框

cellspacing代表表格邊框與表格內容填充距離

cellpadding代表內容填充的寬度

th和td標簽屬性:

width和height代表寬度與高度

colspan代表一行跨多列

rowspan代表一列跨多行

align代表水平對齊方式

valign代表垂直對齊方式

tr標簽屬性:

align代表水平對齊方式

valign代表垂直對齊方式

13、HTML表單應用

表單元素中的控件:

1、單行文本輸入框(text)

2、密碼輸入框(password)

3、單選按鈕(radio)

4、下拉列表(select)

5、復選框(checkbox)

6、重置按鈕(reset)

7、多行文本框(textarea)

8、提交按鈕(submit)

標簽:

<form>代表html表單標簽

常用屬性:

action瀏覽器輸入的數據被傳輸到另一個地方,如一個PHP頁面

method數據傳輸方式(一般有兩種:GET和POST,并且可以混合使用)

enctype將數據發送給服務器的編碼類型

·application/x-www-form-urlencoded ? 標準編碼格式

·multipart/form-data窗體數據被編碼成為一條消息,頁上的每一個控件對應消息的一個部分(文件上傳時用)

·text/plain以純文本格式編碼,其中不含任何控件和字符

14、HTML input標簽

input代表html單行輸入域,為單獨標簽

常用屬性為:

·type代表一個輸入域的顯示方式(分為輸入型,選擇型,選擇型)

·text文字輸入域

·passwor密碼輸入,會以掩碼形式展示

·file輸入型,文件路徑

·checkbox復選框

·radio單選框

·hidden代表影藏域

·button按鈕點擊型

·image使用圖片來顯示按鈕

·submit提交按鈕

·reset重置按鈕

·name此表單項名稱

·value輸入域的值

·size輸入域的長度

·maxlength最多可輸入的長度

·checked如果是選擇型的輸入域,則代表已選擇

·readonly輸入域可以選擇,但是無法修改

·disabled輸入域不可獲得焦點,不可選擇,在表單中不起任何作用

·accesskey表單的快捷鍵訪問方式,

·tabindex輸入域的tab鍵便利順序

·src當使用圖片來表示按鈕,代表圖片位置

·alt用來替換提交按鈕的圖片

·textarea多行輸入域

·cols行數

·rows列數

·name表單項的名稱

·accesskey表單快捷訪問方式

·disable不可操作

·readonly只讀

·tabindextab鍵

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • HTML標簽解釋大全 一、HTML標記 標簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,321評論 1 41
  • Bootstrap是什么? 一套易用、優雅、靈活、可擴展的前端工具集--BootStrap。GitHub上介紹 的...
    凜0_0閱讀 10,925評論 3 184
  • 0.B/S結構 瀏覽器服務器模式,web瀏覽器是客戶端最主要的應用軟件.將客戶端使用web進行統一,系統功能實現集...
    liusong007閱讀 1,089評論 0 1
  • HTML基礎 本文包括 HTML基本知識與結構 HTML常見標簽 標簽寫法與嵌套的討論 HTML、CSS、java...
    廖少少閱讀 2,121評論 2 21
  • PE private equity fund 私募股權基金(市值=凈利潤×PE)
    大臉寶少女閱讀 245評論 0 0