怎样用html做网页上的小标,html基本操作,看了这些你就能做简易网页?

原标题:html基本操作,看了这些你就能做简易网页?

1.HTML基本标签

HTML(HyperTextMark-upLanguage)即超文本标记语言或超文本链接标示语言,是WWW的描述语言。

3b35beca6cfac446b6eb9aca0a76164d.pngHTML文档的结构

HTML标签由标签、属性、内容组成,属性与内容可选。

包含内容的标签以开始,…>结束,不包含内容的标签可以是如下格式:

属性的值尽量用双引号或单引号修饰

标签中的内容可以是其他的标签,称为原标签的子标签,子标签必须在父标签结束之前结束

2.页面背景色或背景图像

Hello World!

(网页背景图像)

Hello World!

(网页背景色彩)

3.文本相关标签

字体、字号:

标题标签

,标签。

行的控制

段落标签

,换行标签

标题标签

... ,#=1, 2, 3, 4, 5, 6 (说明:

字体大小依次递减)

下标文字,上标文字,删除线。

段落标签

,换行标签

bb7f005daab6476a84168b81c9fd747a.png

内容分隔


标签
标签用于在页面上绘制水平线。

图像标签

图像的基本语法:“在线报名”

页面链接标签

要链接到同一目录 (C:HTML) 下的页面,可编写

链接到本页面:

b4f2fc0509fdede7915f52dd206e7d92.png

图像链接

adv_2.jpg%E2%80%9D

滚动标签

滚动文字或图像

说明:scrolldelay:表示滚动延迟时间,默认值为90;direction:表示滚动的方向,默认为从右向左。

2.HTML/CSS基础

目标:掌握列表的用法

使用表格的基本结构实现简单表格

使用表格相关标签实现跨行、跨列的复杂表格

会使用表单的基本结构制作表单页面

会使用各种表单元素实现注册页面

能理解post和get两种提交方式的区别

无序列表标签

  • 用于页面中没有顺序的列举项。

格式:

type属性设置标号的类型,值可以取:

1 disc :实心圆点

2 circle :空心圆点

3 square :实心方块

be9add13356d7970ef2898f2afc6dbd0.png无序列表

有序列表

  1. 用于说明页面中的某些成分,需要按特定的顺序排列。有序列表的每项都有连续的编号。

格式:

type设置标号的类型,值可以取:

1 1:显示数字

2 A:显示大写字母

3 a:显示小写字母

4 I:显示大写罗马数字

5 i:显示小写罗马数字

bfedec860b9b9283b01e869ad35cb62e.png有序列表

嵌套列表:一个列表作为另一个列表的一部分,即多层列表。

cd10c4ab12c89b2d9f25f5b38f646251.png嵌套列表

表格

71b9f98bf394ad666bcba6a83b015275.png门户网站应用表格

表格的基本语法

bf70949964867ae64abb99d122b48a66.png

如何创建表格

b2a0a833769ec36c3c69832d54a1d988.png创建表格

dcfe8e3e2fc0f723733c5d42716a0ff0.png表格表现

表头与标题

cc4cb11924756890925532a5ae618bb6.png域名数量报表的创建

025f6b509cac1c50204fdee44e389f21.png域名数量报表

什么是跨行跨列的表格

1a6a735ea1250e76bc16c1ee3ba5cbff.png

1.跨多列的表格

ced320952b03a5c52adac43fc324cc9c.png

1f0aad0fa419e146b87be6dd0f4d7796.png

2.跨多行的表格

0dbbcebb364f4b63eb9bf74acff0c2de.png

a600bda5e7c89d825799d8e146d78de1.png

3.如何创建跨行跨列的表格

58495b8cdd2902f8eecb29d0ff82c283.png

796311aa82e4a48a684ecbe26bec93c5.png

表格的尺寸和边框

fce0fd7e988c89a33ec7ee6695c2945e.png品牌商城表的创建

width用来设置表格的宽度;height用来设置表格的高度;border用来设置表格边框尺寸大小;bordercolor用来设置表格边框颜色。

6df0dfeabaf60bccba73b5c005f79e72.png品牌商城表

背景:background属性用来设置表格的背景图片;bgcolor属性用来设置表格、行、列的背景色。

对其方式:align属性用来设置表格、行、列的对齐方式。

文本框基本语法

bfeff8b0f6a6346ca758a5a8deb93b4a.png文本框的建设

9a4cc0a2da40e94e2b49fbdbe3213299.png文本框

密码框基本语法

985c8811158c60c21f99cc7a0186abd7.png密码框的建设

aad970bdd8d5bd8d1049236e7a5c0845.png密码框,22个字符宽度

单选按钮基本语法

bc55a9108667405f4479662fb62e8052.png单选按钮的建设

fd38ab220a2f6ddca56994e3d079baf5.png单选按钮框

复选框基本语法

5267b063dbd2c017db1365acc8f7a734.png

23548ce807ebcfd2fc46c738dd4a13d8.png

列表框基本语法

d38537761b9b4a142817bfeb765a4a3e.png

254cd87f3ea1468d6b193669908dcdce.png

多行文本框基本语法

内容

acd050cc53a65fe410eea6f5a2b822d7.png

12d1df759b50fb6e2fc645b102709f7b.png

按钮基本语法

22685f20dc45244e87931d6fd59e9e30.png

754f4d3427b56e45d7fed168732738e6.png

其他表单元素:表单隐藏域

表单图片按钮

文件浏览

标签

标签可以绑定某个表单元素,用于扩展可以相应点击等事件的区域

如:当点击复选框右边的提示文字时,该复选框也可被选中。

内容有限,关于css,div和网页布局的部分就下次在和大家分享吧!返回搜狐,查看更多

责任编辑:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值