作者：手机用户2502907701 | 来源：互联网 | 2023-09-04 02:42
本文由编程笔记#小编为大家整理，主要介绍了HTML入门教程，多年心血总结，一看就会相关的知识，希望对你有一定的参考价值。笔者在武汉蚂蹄软件服务中心做软件开发多年，最近花一天
本文由编程笔记#小编为大家整理，主要介绍了HTML入门教程，多年心血总结，一看就会相关的知识，希望对你有一定的参考价值。
笔者在武汉蚂蹄软件服务中心做软件开发多年，最近花一天时间总结出一套html入门级的教程，全篇没有任何废话，全部是精华，希望对你入门web开发有一定的帮助。
HTML基本格式
常用标签
1，注释标签:
2，标题标签： ?=1--6(1--6大小递减）
3，空格标签：
4，段落标签：
5，水平线：
6，拆行：
7，<：< >：> &：&
8，图片标签：![]()
属性
1，以键值对形式出现
2，属性值用引号括起来
3，多个属性用空格隔开
标签
1，align="(对齐方式)left"
left、right、center
2，noshade="noshade"（有无阴影）
3，color="(颜色)Red或者#ff00ff"
Black、White、Purple、Blue、Teal、Green、Yellow、Red、Lime、Aqua、Fuchsia、Olive、Gray、Silver、Navy
4，
5，size="(高度)100"
图像标签（![]()
)
1，src="URL"
2，alt="替换文本"
3，width和（只填一个，等比缩放）
4，border="边框大小"
字体标签()
1，size="n或者+n或者-n"
1--7大小递增（默认为3)【+/-n在3上加减】
2，face="(字体名称)楷体"
电脑上有的字体
3，color="(颜色)Red或者#ff00ff"
Black、White、Purple(紫)、Blue、Teal(青)、Green、Yellow、Red、Lime(柠檬、酸橙)、Aqua(浅绿)、Fuchsia(紫红)、Olive(橄榄)、Gray(灰)、Silver(银)、Navy(深蓝)
物理字体
1，---粗体
2，---斜体
3，---下划线
4，---上标
5，---下标
6，---删除线
7，---等宽字体
逻辑字体
1，---斜体
2，---粗体
相对路径
1，同级目录---.或不写
2，上级目录---..
3，控制台下回到上级目录---cd..
4，控制台下回到根目录---cd/
预定义格式文本()
1，通常保留空格和换行，文本以等宽字体呈现
2，与一起使用，以获得更加精确的语义
3，不建议使用Tab
marquee标签（已不用）
1，用来显示元素的移动
2，direction属性，设置方向
left、right、up、down
3，behavior属性，设置模式
scroll、slide、altermate
HTML超链接
1，语法（……）
2，……可以是字、词、句、图
3，链接的两种方式
①链接到另一文档
②跳转到指定位置
---指定位置处
---跳转处 ……
4，创建电子邮件链接
①URL格式：
mailto:收件人邮箱名?(邮件到达后的参数)subject=主题名&body=邮件内容
②需要安装邮件客户端
body属性
1，text---文字颜色
2，link---点击前链接颜色
3，alink---点击时链接颜色
4，vlink---点击后链接颜色
5，bgcolor---背景颜色
6，background---背景图片
HTML列表
1，无序列表 （
）
①type属性可选值
disk(.)、circle(。)、square(?)
②
需要列出的项目2，有序列表 （
）
①type属性可选值
A、a、I、i、1
②
需要列出的项目3，自定义列表
①
定义列表
②
定义术语 ③
定义术语解释部分
HTML表格
1，语法
2,
| ---该项跨3列
3，
| ---该项跨3行
4，table的属性
①bgcolor---背景颜色
②border---边框
③bordercolor---边框颜色
bordercolorlight---边框明亮部分颜色
bordercolordark---边框昏暗部分颜色
④width---边框宽度
⑤height---边框高度
⑥cellspacing---单元格之间间隔大小
⑦cellpadding---单元格边框与内容之间的间隔大小
5，td的属性
①align---横向对其方式(left、center、right)
②valign---纵向对其方式(top、middle、bottom)
③bgcolor---背景颜色
④width---单元格宽度
⑤height---单元格高度
⑥colspan---该单元格跨的列数
⑦rowspan---该单元格跨的行数
HTML表单
1，基本格式
放要传送的数据
2，常见表单
①TEXT---单行文本输入框
②PASSWORD---密码框
③RADIO---单选按钮
一般不能点，要分组后才能点
分组就是讲其name属性设成一样
④CHECKBOX---复选框
⑤SELECT---下拉列表(ComboBox或ListBox)
size属性(默认为1[ComboBox],非1[ListBox])
multiple属性---可多选(ctrl)
⑥RESET---重置按钮
⑦SUBMIT---提交按钮
⑧TEXTAREA---多行文本框
3，表单元素的基本格式
4，form的常用属性
①action---表示提交的目标服务器
②method---提交的方法(get[默认]、post)
5，按钮标签()
6，图像标签()
可以替代submit，点击后返回表单数据的x,y坐标
7，可以导入文件路径
![前端库Bootstrap框架：「11]使用 span 创建行内元素](https://img6.php1.cn/3cdc5/9921/243/17a6062cb49e163c.png)
京公网安备 11010802041100号