html網頁設計
第一天：初識html
（標題部分） 主體部分
認識hbuilder軟體
快捷鍵ctrl+/ 注釋**
ctrl+y 恢復撤銷
ctrl+x 剪下
ctrl+z 撤銷
ctrl+c 複製
ctrl+p 在當前專案查詢檔案
ctrl+f 在當前檔案查詢字串
ctrl+alt+f 在當前目錄查詢字串
ctrl+k 格式化**
ctrl+g 跳轉到某行**
ctrl+o 開啟檔案
ctrl+alt+s 儲存所有檔案
滑鼠左鍵+ctrl選中多行(可進行多行修改操作)
一、內部包含的部件
1、標題標籤
例：（內容）
雙標籤代表段落文字標籤
（2）水平線標籤
可插入水平分割線
（3）換行
使段落文字換行
(4)居中
（內容）
雙標籤(5)注釋
或快捷鍵
3、格式元素
粗體文字：東軟睿道
大號字：
東軟睿道
大號字：
東軟睿道
著重文字：
東軟睿道
斜體字：
東軟睿道
小號字：
東軟睿道
加重語氣：東軟睿道
下標字：
東軟睿道
上標字：
東軟睿道
插入字：
東軟睿道
刪除字：
東軟睿道
4、插入元素
src代表影象位址
alt代表影象的替代文字
title代表滑鼠懸停時提示文字
width和height代表寬度和高度
5、列表
（1）無序列表
（2）有序列表
（3）定義列表definition list 第二天 css用於網頁設計中字型、位置、顏色的設定 一、css樣式表單 （1）外部引用樣式 href代表檔案路徑 rel代表使用外部樣式表 type代表檔案型別 （2）內部樣式 css**寫在 三、css文字屬性 1、font-family 字型樣式 2、font-size 字型大小 3、font-weight 字型加粗 4、 四、無語意元素 1、無語意標籤 （1）
內聯標籤，可句中單獨呼叫 （2）
塊級標籤 五、用來設定板塊 #代表id . 代表class #top 代表
.top 代表
六、背景設定 background-color 元素背景顏色 background-image 元素背景 引用方法 background-rapeat 設定背景水平或垂直平鋪 background-position 設定背景起始位置 七、文字樣式 color 設定文字顏色 line-height 設定行間距離行高 text-align 設定文字的對齊方式 八、 list-style:none; /* 列表樣式,去掉前面的圈 */ margin:0px;/* 去標頭空白 */
/* 滑鼠懸停時效果改變 /
#aaa li:hover
float: left;/ 浮動操作 /可進行橫向排列
float:left;/ 浮動效果,讓豎著的文字浮動變為一行 */
padding-left: 40px; 代表頂出的距離
margin-top 代表距離頂部的間距
margin-right: auto; /* auto為自動調節位置 */
border-radius:10px; /* 邊框圓角程度 */
#menu li:hover
使網頁之間鏈結
HTML網頁設計 01
html hypertext mark up language 語言又叫超文字標記語言或超文字鏈結標示語言 標準通用標記語言下的乙個應用 html命令可以說明文字 圖形 動畫 聲音 鏈結等。html檔案的結構包括頭部 head 主體 body 兩大部分，其中描述瀏頭部覽器所需的資訊，而主體則包含所要...
html 網頁文字設計
1 文字的排版 1.1 body h2 李白 h2 p align center font face 隸書 size 7 color 000000 align center 靜 夜 思 font br font face 隸書 size 5 color 101010 align center 李 白...
網頁設計 HTML各種標籤
常用標籤 作用p段落 a鏈結鏈結文字 br換行 h1 h6 標題種類 文字格式 作用 加粗文字 斜體文字 刪除線文字 電腦自動輸出 下劃線文字 下表 上標 文字格式 作用class為html元素定義乙個或多個類名 id定義元素的唯一id style規定元素的行內樣式 描述了元素的額外資訊 作為工具條...