讲课001

这篇博客详细介绍了HTML的基础标签使用,包括标题、段落、列表和图像等,并强调了CSS在样式控制中的作用,如文本格式化、布局和链接样式。通过实例展示了如何创建和嵌套标签,以及如何使用相对路径插入图片和创建超链接。此外,还提到了一些实用快捷键和编码规范,帮助读者提升网页制作效率。

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

实操:

【注释】 快捷注释:Ctrl+? 打字注释:<!-- -->

双标签 <标签名称 属性1=“属性值” 属性2=“属性值 ”> </标签名称>

单标签 <标签名称 属性1=“属性值”>

层层套

utf-8 :搞中文的 head 设置页面和名称

快速键入:回车 H1~H6: 标题标签,字体由大到小 (字体加粗)

P:文本标签(相对上面不加粗)【逐行显示,随页面缩放调整】

空格:&nbsp 【加多少个多少个空格】 {点空格:只会出现1个}

换行:<br>                                   插入线条:<hr 属性1=“属性值”>

文本加粗:<b>,<strong>                  文本倾斜:<em>,<i>

加下划线:<u>

常用:列表

无序列表:<ul> <li> </li> </ul>   【出来带个圆圈】

有序列表:<ol> <li> </li> </ol>     [出来带序号](加type 改序号,加start改首序)

自定义列表:<dl> <dt> </dt> <dd> </dd> </dl>  【没听清(感觉缩进一格)】

最常用标签

【独占1行】块标签:<div></div>

【凑行走(横向排列)】行标签: span  

两层无序列表嵌套:出现 点+字 隔行缩进 点+字

划错线 <s></s>,<del></del>

照片标签: <img scr="图片路径" alt="当图片未加载出来显示名" title="鼠标悬浮显有一个小的显示名" >

插入图片:一般用相对路径

a标签:超链接        <a href="路径" target="路径"></a>                【+traget:不覆盖原网页,新建个】

站点:相当于文件夹

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值