01-01.什么是HTML

整個網頁加載時最先執行的代碼head，在英文里面是頭部的意思。

在英文里面body是身體的意思。整個網頁的主體內容。

01-02.什么是屬性

舉個例子，什么是屬性。一輛汽車每小時行駛多少公里這是它的屬性，每公里耗油量也是它的屬性。一個本子長和寬是他的屬性。

大家好，歡迎大家收看21互聯遠程教育網

Text:非鏈接文本顏色

Bgcolor:背景顏色

01-03.十六進制詳解

01-04.如何定義網頁背景

大家好，歡迎大家收看21互聯遠程教育網

Background背景資料

相對路徑：圖片如在你所編輯文件的上一層就用../表示，如在同一文件夾當中可先寫出子文件夾名稱再用/分開然后寫圖片名稱,如果與你所編輯文件在同一文件夾當中可直接寫出圖片名稱.圖片名稱需英文.

絕對路徑:例一輛車在某省某市某個區的停車庫里面.

01-05換行標簽＜br/＞

Hello?world

大家好，歡迎大家收看21互聯遠程教育網

是空標記

01-06.段落標簽＜p＞

Hello?world

大家好，歡迎大家收看21互聯遠程教育網

Hello?world

大家好，歡迎大家收看21互聯遠程教育網

Hello?world

大家好，歡迎大家收看21互聯遠程教育網

Hello?world

大家好，歡迎大家收看21互聯遠程教育網

Hello?world

大家好，歡迎大家收看21互聯遠程教育網

align對齊?center中心?right?右邊?left?左邊?b?粗體?i斜體?u下劃線

01-07.背景屬性Bgproperties

Hello?world

大家好，歡迎大家收看21互聯遠程教育網

bgproperties是控制body背景的一個屬性，他的屬性值為fixed的時候，它將把背景圖像凍結在瀏覽窗口，背景圖就不會隨著其他窗口內容而滾動了。但這個屬性須跟background屬性擴展一起使用時才有效。如

fixed固定的

Hello?world

大家好，歡迎大家收看21互聯遠程教育網

size大小,尺寸<

face=宋體>上下寬度>?width寬度<

輸入數字或百分比>

沒有陰影效果的水平線：

noshade="noshade">

01-08.預定義格式標簽＜pre＞

Hello?world大家好，我們這套課程是介紹HTML的手寫代碼教程

大家好，歡迎大家收看

21互聯遠程教育網

B和strong都可以讓字體變成粗體，i和em和var和cite和dfn都可以讓字體變成斜體。

address不僅可以讓字體變成斜體，還可以和br一樣有著換行的功能。

01-09.文字標簽＜big＞、＜small＞、＜strike＞

Hello?world大大家好，我們這套課程是介紹HTML的手寫代碼教程

大家好，歡迎大家收看

21互聯遠程教育網

A162

Strike刪除線?big大small小sub下標字sup上標字

01-10.標題元素＜h1＞——＜h5＞及文字元素＜font＞

Hello?world大家好，我們這套課程是介紹HTML的手寫代碼教程

大家好，歡迎大家收看

21互聯遠程教育網

標題1

標題2

標題3

標題4

標題5

標題6

font沒講

01-11.有序列表＜ol＞一

第一個項目

第二個項目

第三個項目

第四個項目

第五個項目

第六個項目

ol稱為有序清單標記

Li表示有序清單中的各個項目

01-12.有序列表＜ol＞二

第一個項目

第二個項目

第三個項目

第四個項目

第五個項目

第六個項目

第一個項目

第二個項目

第三個項目

第四個項目

第五個項目

第六個項目

01-13.有序列表＜ol＞三

01-14.無序列表＜ul＞一

第一個項目

第二個項目

第三個項目

第四個項目

第五個項目

第六個項目

Value設定當前項目從幾開始

第一個項目

第二個項目

第三個項目

第四個項目

第五個項目

第六個項目

01-15.無序列表＜ul＞二

第一個項目

第二個項目

第三個項目

第四個項目

第五個項目

第六個項目

ul沒有設置屬性和設置為type=“disc”時各項目前面為實心圓，ul設置屬性type=“square”時各項目前面為實心方塊，ul設置屬性type=“circle”時各項目前面為空心圓。

ul稱為無序清單標記。menu和dir標簽和ul的作用一模一樣。但menu和dir標簽并不被w3所推薦，所以能用ul的時候盡量用ul標簽。

01-16.table表格元素(一)

這是第一個單元格

table?表格tr行td單元格valign垂直排列top頂端對齊middle中間對齊bottom底端對齊

01-17.table表格元素(二)

這是第一個單元格

border?邊界<邊框>?align對齊bordercolor邊界顏色<邊框顏色>

Valign?規定單元格內的文字是垂直頂端，垂直中間或垂直底端

Border?規定表格邊框的厚度

Align?規定表格對齊方式

Bordercolor?規定表格邊框顏色

01-18.表格屬性定義(一)

這是第一個單元格

這是第一個單元格

這是第一個單元格

這是第一個單元格

這是第一個單元格

這是第一個單元格

Cellspacing表單元格之間的距離

Cellpadding單元格內部表達的空白是多大

Bgcolor?表格的背景色，單元格也有bgcolor

01-19.表格屬性定義(二)

這是第一個單元格

這是第一個單元格

這是第一個單元格

這是第一個單元格

這是第一個單元格

這是第一個單元格

Background?背景資料

01-20.什么是colspan屬性

第一個單元格?第二個單元格

Hello,world

colspan屬性第一行有二個單元格，第二行只有一個單元格。這個時候使用colspan屬性可使第二行和第一行對齊。也就是說可使一個單元格占幾個單元格的位置。

01-21.什么是rowspan屬性

第一個單元格?Hello

world

在表格中，rowspan后面會有一個數值。那么連起來就是代表?這個表格高度上把(數值)個表格?合并。相應的?寬度上?的合并用的是?colspan?屬性。

01-22.圖像元素(一)

這是我的照片

Src指定圖片的位置

01-23.圖像元素(二)

這是我的照片

hspace控制圖片左右的空白有多大

01-24.圖像元素(三)

這是我的照片

Vspace控制圖片上下的空白有多大

alt?屬性是一個必需的屬性，它規定在圖像無法顯示時的替代文本。

假設由于下列原因用戶無法查看圖像，alt?屬性可以為圖像提供替代的信息：

網速太慢

src?屬性中的錯誤

瀏覽器禁用圖像

用戶使用的是屏幕閱讀器

?標簽的?alt?屬性指定了替代文本，用于在圖像無法顯示或者用戶禁用圖像顯示時，代替圖像顯示在瀏覽器中的內容。

lowsrc是設置低分辨率圖片，當高分辨率圖片還沒加載完成時，可以先加載低分辨率圖片顯示

Border?圖片邊框

01-25.超鏈接元素

第一個鏈接

第二個鏈接

第三個鏈接

第四個鏈接

Href鏈接到指定的網址

01-26.什么是錨點鏈接(一)

鏈接到第一個錨點

鏈接到第二個錨點

第一個錨點

第二個錨點

target鏈接的這個網頁將在哪里顯示

_self將連接的內容顯示到當前視框當中<

face=宋體>常用>

_blank將連接的內容顯示到新的視框當中<

常用>

_parent將連接的畫面內容當成文件的上一個畫面，也就是在它的復框架中顯示

_top將連接的畫面內容顯示在頂層視窗當中

name鏈接到當前網頁的指定位置

01-27.什么是錨點鏈接(二)

文件名《untitled-1.html》

鏈接到第一個錨點

鏈接到第二個錨點

第一個錨點

第二個錨點

設定的錨：第一錨點

指定錨的位置：鏈接到第一個錨點

在#前面可以加當前網頁的名字，但如果在同一頁面可以不加。如果不在同一個頁面你就必須加。

前面使用錨點鏈接只是鏈接到當前網頁的指定位置。當然還可以鏈接到指定網頁的指定位置。仍然用到錨點鏈接。這也就是在#前面加網頁名字的原因。

target="_blank">鏈接到錨點

01-28.什么是圖片鏈接

圖片鏈接可以是一個網址，也可以是一個錨點。可以把一張圖片當中的某個位置設置鏈接，但此章作者說會在以后的課程當中講到。下面的幾個單詞只是作者簡單的提了一下。

Map指定不同的熱區Shape規定熱區是什么形狀的circle?圓形rect?矩形

01-29.框架技術詳解(一)

框架就是將網頁劃分成幾個框窗，就是將這個畫面劃分為幾部分，同時，取得多個URL，在一個畫面上面可以放多個網址。

frameset框架集?它包含了幾個框窗，同時可以取得多個URL

frame框窗

src?指定框窗里面顯示什么網頁

01-30.框架技術詳解(二)

357,*"?framespacing="0"?frameborder="no"?border="0">

cols="357,*"?cols?用于指定垂直的劃分，左側357，*代表除了357以外整個畫面的所有剩余部分。左右框架的分開。

framespacing?兩個框架之間的距離是多少。

frameborder?框架是否有邊框?1或yes是有，0和no是沒有。

border?指定框架邊框的厚度

bordercolor?框架邊框顏色

rows

如果鼠標點擊邊框?上面的代碼就會顯示框架分布這一塊。點擊圖片會顯示圖片所在的網頁的內容。

01-31.框架技術詳解(三)

name指定當前框架的名字

scrolling?滾動條

01-32.框架技術詳解(四)

01-33.如何在網頁中插入聲音

01-34.滾動元素＜marquee＞(一)

這是要滾動的文字

Marquee使文字滾動

behavior="alternate"左右滾動

behavior="scroll"和沒有設置behavior一樣

01-35.＜marquee＞標簽(二)

這是要滾動的文字

Direction文字滾動的方向down?從上向下left?從右到左right?從左到右up?從下向上

Scrollamount文字滾動的速度

Loop文字滾動的次數

01-36.什么是元標簽

Name后面設置description意味著content后面的文字用于該網頁的描述

Name后面設置keywords意味著content后面的文字用于該網頁關健字的描述

總結

以上是生活随笔為你收集整理的页面如何手写文字html,html手写代码学习笔记的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。