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規定元素的行內樣式 描述了元素的額外資訊 作為工具條...