html加载富文本_前端开发入门——HTML基础标签

文本标记语言即HTML,适用于描述网页文档的一种标记语言。以下是小编为大家整理的HTML基本标签。

HTML元素指的是从开始标签到结束标签的所有代码

ps:开始标签常被称为开放标签(opening tag),结束标签常成为闭合标签(closing tag )

前端开发入门——HTML基础标签<一>

HTML元素基本格式

元素内容标签名>

HTML中常用标签

前端开发入门——HTML基础标签<一>

HTML实例解释

< p>元素:

< p>Hello world< /p>

这个< p>元素定义了HTML文档中的一个段落。

元素内容是:Hello world

< body>元素:

< body>

< p>Hello world< /p>

< /body>

< body>元素定义了HTML文档中的主体

这个元素拥有一个开始标签< body>,以及一个结束标签< /body>

元素内容是另一个HTML元素(p元素)

字体样式标签

< font> 定义文本字体尺寸、颜色、大小

加粗:< strong>...< /strong> < b>...< /b>

斜体:< em>...< /em> < i>...< /i>

下划线文本:< u>...< /u>

中划线:< s>...< s>

特殊符号

前端开发入门——HTML基础标签<一>

图片

1.使用< img>元素将图像 添加到页面

2.空标记

3.必须属性:src(存储图像的位置)

4.常用属性:width,height,alt,title

  1. src:指定我们要加载的图片的路径和图片的名称以及图片格式。
  2. width:指定图片的宽度,单位px、em、cm、mm。
  3. height:指定图片的高度,单位px、em、cm、mm。
  4. border:指定图标的边框宽度,单位px、em、cm、mm。
  5. title:当网页上的图片被加载完成后,鼠标移动到上面去,会显示这个图片指定的属性文字,也就是鼠标悬停时显示的内容。
  6. alt:如果图像没有下载或者加载失败,会用文字来代替图像显示;搜索引擎可以通过这个属性的文字来抓取图片。

绝对路径和相对路径

1.绝对路径

标签< /a>`

代码中的URL地址为绝对路径,向一个特定的服务器上的文件发送请求

绝对路径总是包含协议和服务器,所以当想要连接到其他网站或者服务器上的时候,通常都是使用绝对路径。

2.相对路径

`< a href="123.html" target="_blank"标签``< /a>

代码中的123.html为相对路径,相对路径从来不包含协议和服务器

如果不包含协议或服务器,浏览器会假设协议和服务器与发生请求的页面相同。所以要连接的网页在相同的服务器上时,通常会使用相对路径。

前端开发入门——HTML基础标签<一>

(ps:如果您觉得有用,请点赞转发,让更多人看到哦)

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值