原创 第二天筆記-標籤分類、關係;開發工具;文檔類型;標籤語義化;HTML標籤;問題“圖像標籤代碼語法無誤,但是圖像顯示不出來”

一、HTML初識 用< >來表示的都叫標籤 (一)標籤分類 html標籤(根標籤):是所有html中標籤的一個根節點 head標籤(頭標籤):用於存放title、meta、base、style、script,link body

原创 第二天筆記-選擇器(標籤選擇器、類選擇器、css命名規範、谷歌案例、多類名選擇器、id選擇器、通配符選擇器、僞類選擇器)

四、選擇器 要想將CSS樣式應用於持定的HTML元素,首先需要找到該目標元素。在CSS中,執行這一任務的樣式規則部分則成爲選擇器(選擇符)。 (一)標籤選擇器(元素選擇器) 標籤選擇器是隻用於HTML標籤名作爲選擇器,按標籤名分

原创 第三天筆記-css外觀屬性(顏色、行間距、對齊、首行縮進、字間距、單詞間距 、顏色半透明、陰影)快捷方式、綜合案例、引入CSS樣式表(內部樣式表、行內式、外部樣式表)、三種樣式表總結

五、CSS外觀屬性 (一)color:文本顏色 color屬性用於定義文本的顏色,其取值方式有3種: 1、預定義的顏色值,如red、green、blue等。 2、十六進制,如#FF000,#29D794等。【以後都用十六進制

原创 第七天筆記-表單標籤(textarea控件、下拉菜單、表單域)

3、textarea控件(文本域) (主要是用來做留言的) 如果需要輸入大量的信息,就需要用到<textarea> </textarea>標籤。通過textarea控件可以輕鬆的創建多行文本輸入框。 語法格式: ….. (

原创 第五天筆記-表格table(創建表格、表格屬性、表頭標籤、表格結構、表格標題標籤、合併單元格)

(十一)表格 table 1、創建表格 語法格式: <table> <tr> <td>單元格內的文字</td> ....... </tr> </table> <tabl

原创 第六天筆記-表單標籤(input控件、label標籤)

(十一)表單標籤 目的是爲了收集用戶信息。 在HTML中,一個完整的表單通常由表單控件(也稱爲表單元素)、提示信息和**表單域**3個部分構成。 (表單域是指一個很大的表單區域,裏面包含了表單控件和提示信息。) 1、input

原创 第一天筆記-css樣式規則、字體樣式屬性(font-size、font-family、Unicode、font-weight、font-style、font)chrome調試工具

CSS CSS通常成爲CSS樣式表或層疊樣式表(級聯樣式表)主要用於設置HTML頁面中的文本內容(字體、大小、對齊方式等)、圖片的外形(寬、高、邊框樣式、邊距等)以及版面的佈局等外觀顯示樣式。 一、CSS樣式規則 規範格式: h

原创 第八天筆記-HTML5文檔類型和字符集、HTML5新標籤與特性(常用新標籤、新增input type屬性值、常用新屬性、多媒體標籤)

(十二)HTML5文檔類型和字符集、HTML5新標籤與特性 1、文檔類型設定 ·document HTML:sublime輸入html:4s XHTML:sublime輸入html:xt HTML5

原创 第四天筆記-註釋標籤;相對路徑,絕對路徑;有序列表,無序列表,自定義列表;總結

(九)註釋標籤 便於閱讀和理解,但又不需要顯示在頁面中。 1、多寫註釋是非常好的寫代碼習慣,可以使團隊協作更加順暢; 2、註釋是寫給隊友看的,瀏覽器是不執行不顯示的。 語法格式:<!-- 註釋語句 --> (十)路徑 1、相對路

原创 第一天筆記-瀏覽器內核、web標準、html標準語法格式

一、首先安裝谷歌瀏覽器 二、瞭解瀏覽器內核(包含渲染引擎、JS引擎)          (1)Trident(IE內核)IE、傲遊、世界之窗、獵豹、360極速瀏覽器、百度瀏覽器          (2)Gecko(firefor 火狐瀏覽

原创 第三天筆記-鏈接標籤;錨點定位、標籤;遇到標籤之間關係的問題及解決方法

(五)鏈接標籤 <a></a> 基本語法格式:<a href="跳轉目標" target"目標窗口的彈出方式">文本或圖像</a>** 其中href:用於指定鏈接目標的URL地址 target:用於指定鏈接頁面的打開方式

原创 <學習html>第二天筆記-標籤分類、關係;開發工具;文檔類型;標籤語義化;HTML標籤;問題“圖像標籤代碼語法無誤,但是圖像顯示不出來”

一、HTML初識 用< >來表示的都叫標籤 (一)標籤分類 html標籤(根標籤):是所有html中標籤的一個根節點 head標籤(頭標籤):用於存放title、meta、base、style、script,link body標籤(主

原创 <學習CSS>第三天筆記-css外觀屬性(顏色、行間距、對齊、首行縮進、字間距、單詞間距 、顏色半透明、陰影)快捷方式、綜合案例、引入CSS樣式表(內部樣式表、行內式、外部樣式表)、三種樣式表總結

五、CSS外觀屬性 (一)color:文本顏色 color屬性用於定義文本的顏色,其取值方式有3種: 1、預定義的顏色值,如red、green、blue等。 2、十六進制,如#FF000,#29D794等。【以後都用十六進制,提倡簡

原创 <學習CSS>第一天筆記-css樣式規則、字體樣式屬性(font-size、font-family、Unicode、font-weight、font-style、font)chrome調試工具

CSS CSS通常成爲CSS樣式表或層疊樣式表(級聯樣式表)主要用於設置HTML頁面中的文本內容(字體、大小、對齊方式等)、圖片的外形(寬、高、邊框樣式、邊距等)以及版面的佈局等外觀顯示樣式。 一、CSS樣式規則 規範格式: h1 {

原创 <學習html>第四天筆記-註釋標籤;相對路徑,絕對路徑;有序列表,無序列表,自定義列表;總結

(九)註釋標籤 便於閱讀和理解,但又不需要顯示在頁面中。 1、多寫註釋是非常好的寫代碼習慣,可以使團隊協作更加順暢; 2、註釋是寫給隊友看的,瀏覽器是不執行不顯示的。 語法格式:<!-- 註釋語句 --> (十)路徑 1、相對路徑