web前端开发基础P6-P12

本文介绍了HTML中标题标签(h1-h6)的使用方法、VScode插件的便捷操作,包括段落、换行、水平线、图片、超链接、文本、以及有序列表的详细说明,涵盖了基本的HTML元素和属性设置。
摘要由CSDN通过智能技术生成

P6标题标签

标题是通过〈h1〉-〈h6〉标签进行定义的

h1定义最大标题,h6定义最小标题

b19bed635b36469d89e66fef30709865.jpg

 生成h1-h6快捷键:h$*6

VScode插件

快速打开浏览器插件。扩展下载open in browser。

正确使用标题

请确保将HTML标题标签只用于标题

标题标签摆放:

在标签中添加属性:align="left/center/right"

P7标签-段落、换行、水平线

段落

段落是p标签

换行

br标签,标签

两种写法〈br/〉

水平线:

hr标签在HTML页面中创建水平线

属性:

08011170f692456aac925e6ccb94d287.jpg

P8标签-图片

img(单标签)标签定义HTML页面中的图像

属性:217ea04dcbc947dd844950b567ba3d5e.jpg

P9图片路径详解:

绝对路径:电脑的盘符存储与访问的具体地址。

相对路径:两者相对的关系,两者在同一路径下可以直接访问。

网络路径:具体的网络地址。

P10 标签之超文本链接

超文本链接标签:a

超链接属性:href

超链接表现:

鼠标点击变小手

P11标签之文本

P12列表标签-有序列表

有序列表是一列项目,列表项目使用数字进行标记。

有序列表始于ol标签,每个列表始于li标签。

type属性:

有序列表嵌套:

  • 14
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值