標籤：html intellij idea
HTML：
是用來描述網頁的一種語言
超文字標記語言 (HTML)Hyper Text Markup Language
不是程式設計語言，是一種標記語言
新特性：
用於繪畫的canvas標籤
用於媒介回放的video和audio元素->視音頻檔案
對本地離線儲存的更好支援
新的元素內容：如article、footer、header、nav、section
新的表單控制項：如：calender、date、time、email、url、search
瀏覽器的支援：chrome、firefox以及Opera和IE9
開發工具：
常用：WebStorm、notepad++、Eclipse、text sublime、Dreamweaver等
推薦：Intellij IDEA
需要掌握的技能：
HTML5 XHTML CSS3 JavaScript jQuery：jQuery-Ui jQuery-Mobile
HTML基礎講解：
聲明：<!DOCTYPE>
html也有多個不同的版本，只有完全明白頁面中使用的確切HTML版本，瀏覽器才能完全正確
地顯示出HTML頁面。這就是<!DOCTYPE>的用處
不同版本的HTML有不同的HTML聲明
到HTML5直接使用：<!DOCTYPE html>
常用標籤屬性：
<h1>:align對齊
<body>:bgcolor背景顏色
<a>:target規定在何處開啟串連
通用屬性：
class : 規定元素的類名
id : 規定元素唯一ID
style : 規定元素的樣式
title : 規定元素的額外資訊
格式化：
<b>粗體文本
<big>大號字------html5過時通常使用css來代替
<em>著重文字
<i>斜體字
<small>小號字
<strong>加重語氣
<sub>下標字
<sup>上標字
<ins>定義插入字
<del>定義刪除字
HTML5樣式、串連和表格
標籤：
<style>樣式定義
<link>資源引用----如引入CSS樣式
屬性：
rel="stylesheet":外部樣式表
type="text/CSS":引入文檔的類型
margin-left：邊距----距離左邊或者右邊的距離
三種樣式表插入方法：
外部樣式表：reference link ->rel http refernece link ->href
<link rel="stylesheet" type="text/css" href="mystyle.css">
內部樣式表：
<style type="text/css">
body{background-color:red}
p{margin-left:20px}
</style>
內聯樣式表：
<p style="color:red">
串連屬性及其使用：
1、串連資料：
文本串連
圖片串連
2、屬性：
href屬性：指向另一個文檔的串連
name屬性：建立文檔的串連
3、imag標籤屬性：
alt：替換文字屬性
width：寬
height：高
HTML表格
<table>定義表格
<caption>表格標題
<th>表格的表頭
<tr>表格的行
<td>表格的單元
<thead>表格的頁首
<tbody>表格的主體
<tfoot>表格的頁尾
<col>表格的列屬性
HTML列表：
<ol>有序列表
<ul>無序列表
<li>清單項目
<dl>列表
<dt>清單項目
<dd>描述
無序列表使用標籤：<ul>、<li>
屬性：disc、circle、square
有序列表使用標籤：<ol>、<li>
屬性：A、a、I、i、start
嵌套列表使用標籤：<dl>、<dt>、<dd>
HTML塊：
塊元素：
塊元素在顯示時，通常會以新行開始,如：<hl> <p> <ul>
內嵌元素：
內嵌元素通常不會以新行開始，如:<b> <a> <imag>
<div>元素：也被成為塊元素，其主要是組合HTML元素的容器
<span>元素：是內嵌元素，可作為文本的容器
HTML布局：
div或者table來進行布局
HTML表單：
表單用於擷取不同類型的使用者輸入
常用標籤：
<form> 表單
<input> 輸入欄位
<textarea>文本域
<label>控制標籤
<fieldset>定義域
<legend>域的標題
<select>挑選清單
<optgroup>選項組
<option>下拉式清單中的選項
<button>按鈕
HTML學習筆記NO.1
