1. 程式人生 > >HTML基礎知識個人總結

HTML基礎知識個人總結

引號 使用 搜索 -c 微軟雅黑 span .cn 版本 dex

【學習的網站是主要是W3school,還加上一些其他搜索學習到的內容,僅在博客做個人整理】


一、標簽——尖括號圍成的關鍵詞,成對出現。

※使用時必須符合標簽嵌套規則

1.

(1) <!DOCTYPE html>

(2)對於中文網頁需要使用 <meta charset="utf-8"> 聲明編碼

2.鏈接標簽

  <a>:鏈接 【在href屬性中指定鏈接的地址】

  •   target屬性:target="_blank"時會在新窗口打開文檔
  •   name屬性:規定錨(anchor)的名稱。使用命名錨(named anchors)時,可以直接跳至頁面中的某個鏈接。

3.布局標簽

<div>:組合其他HTML元素,常與CSS一同使用,可用於對大的內容塊設置樣式屬性。

4.文本標簽

  • <title>:文檔標題
  • <h1> - <h6>:html標題
  • <body>:可見的頁面內容
  • <p>:段落
  • <hr /> :創建水平線
  • <br /> :不產生新段落的情況下換行
  • <pre>:定義預格式化的文本
  • <abbr title="etcetera">etc.</abbr>:定義縮寫或首字母縮略語。把鼠標移至縮略詞語etc.上時,可展示完整
    版本"etcetera"。
  • <q>:定義短的引用。會為 <q> 元素包圍引號

5.多媒體標簽

  • <img>:圖像 【圖像的名稱和尺寸是以屬性的形式提供的】
  • <video>:

6.序列化標簽

  • <ul>、<li>無序列表標簽
  • <ol>、<li>有序列表標簽

7.表格標簽

<table> 定義 HTML 表格。   <tr>   <th>   <td>

8.表單標簽

<from>

<input>

9.畫布

<canvas>

二、元素——從開始標簽到結束標簽的所有代碼。

  • 大多數HTML元素可擁有屬性
  • 大多數 HTML 元素可以嵌套(可以包含其他 HTML 元素)

三、屬性——屬性提供了有關 HTML 元素的更多的信息

※屬性總是以名稱/值對的形式出現

※屬性總是在 HTML 元素的開始標簽中規定。

【HTML參考手冊】http://www.w3school.com.cn/tags/index.asp

<style>屬性

background-color:定義元素的背景顏色 font-family:元素中文本的字體系列 color:定義元素中文本的顏色 font-size:定義元素中文本的字體尺寸 text-align:規定了元素中文本的水平對齊方式:

四、CSS樣式

1.外部樣式表——當樣式需要被應用到很多頁面時

定義外部CSS文件,在<head>標簽中使用鏈接式:

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

2.內部樣式表——單個文件需要特別樣式時

在<head>標簽中創建一個<style>標簽,其中添加CSS代碼:

<head>

<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>

3.內聯CSS

在相關標簽中使用style屬性:

<p style="color: red; margin-left: 20px">
This is a paragraph
</p>

會為 <q> 元素包圍引號

HTML基礎知識個人總結