HTML初学!

本文将引导你从创建HTML文档开始,了解基本标签如H系列、p、hr和img的使用,教你如何编写和理解HTML结构,包括Head和Body部分,以及路径问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

HTML的开始!

HTML简介:
1.全称:HyperText Markup Language
2.它是一个超文本标记语言
3.它的结构分为Head和Body,Head主要是提供关于网页的信息,Body部分提供网页的具体内容。

编写第一个网页:
步骤:1.新建一个文本文档
2.利用记事本打开
3.编写HTML代码
4.保存并修改纯文本文档的扩展名为.html
5.利用浏览器打开编写好的文件

HTML基本格式:

标签:
H系列标签:
< h1 >< /h1 >
< h2 >< /h2 >
< h3 >< /h3 >
< h4 >< /h4 >
< h5 >< /h5 >
< h6 >< /h6 >
注意:只能到h6,往后的无效!!!

p标签:顾名思义为成段落的标签,语义为一段。< p >< /p >

hr标签:出现一条分隔符,为单标签。< hr >

br标签:为换行标签。< br >
与p标签的区别在于只换行,而不开始新的段落。

img标签:放图片到网页上。
其中有 height width alt title
height:图片的高度;
width:图片的宽度;
alt:当找不到该图片时所显示的内容。例如:无法找到资源。
title:当鼠标的光标放在图片上时,所显示出来的文字。
例如:< img src=“图片路径” alt=“无法不到资源!” width=“400” height=“200”>

快捷键
1.home键回到一行的开始

2.end键到达一行的最后

3.ctrl+s =保存

4.ctrl+alt+shift=新建一个HTML文件

5.tab键可以在打完第一个尖括号之后按它,很快形成标签

6.ctrl+D=复制光标处的内容

7.ctrl+X=删除光标处的内容

8.ctrl+/=注释快捷键

路径问题
路径分为相对路径和绝对路径

相对路径:
1.若在同级文件夹中,则直接cv图片名称
2.若在下级文件夹中,则输入“文件夹名/图片名称”
3.若在上级文件夹中,则用“…/图片名称”

绝对路径:从头写到尾。这个一般不用。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值