坚持学前端的2day

好好学前端的欣欣同学

已于 2023-02-22 20:41:41 修改

阅读量101

点赞数 1

分类专栏： HTML 文章标签：前端 html

于 2023-02-22 20:40:30 首次发布

本文链接：https://blog.csdn.net/weixin_59418570/article/details/129170026

版权

HTML 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

本文介绍了HTML中的基本元素，包括<img>标签的src、alt等属性，<a>标签的href、target属性以及如何创建锚点，还涵盖了文本格式化标签如、、等，以及无序列表和有序列表的使用方法。

摘要由CSDN通过智能技术生成

1. 图片

1.1标签

1.2属性

src 必需路径

alt 图片不显示时给予提示

title 鼠标悬停时给予提示

width 宽

height 高

1.3路径

1) 绝对路径 -网址

2)相对路径

-同级直接写或./

-上级 ../ 上两级 ../../

-下级 / （先找到同级）

2.超链接

2.1作用-跳转

2.2 标签

<a href="路径">点击的内容</a>

2.3属性

href:路径

target:目标设置是否打开新窗口 _self(默认新窗口) _blank(新窗口）

name:锚点在同一个页面做跳转

要跳转的地方用name属性命名要点击的地方在href中以#引用

例如：

<a href="#tiaozhuan">要点击的锚点</a>

<a href="" name = "tiaozhuan">跳转到</a>

2.4默认样式

蓝色点击之前

红色点击时

紫色点击后

3.文本格式化

定义粗体文本

定义斜体字

定义下划线

<s>定义删除字</s>

<del>定义删除字</del>

强调倾斜显示

定义加重语气

定义下标字

定义上标字

如：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <b> Redmi 12C</b> <br />
    <i> Redmi 12C</i> <br />
    <u>Redmi 12C</u> <br />
    <s> Redmi 12C</s> <br />
    <del>Redmi 12C</del> <br />
    定义<em>着重</em>文字 <br />
    <strong> Redmi 12C</strong> <br />
    定义<sub> 下标 </sub>字<br />
    定义<sup>  上标</sup>字<br />
    定义<small > 小号</small>字体
  </body>
</html>

效果为：