页面如何手写文字html,html手写代码学习笔记

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后面的文字用于该网页关健字的描述