HTML基礎知識個人總結
阿新 • • 發佈:2019-04-26
引號 使用 搜索 -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.上時,可展示完整
- <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基礎知識個人總結