HTML学习笔记（二）

最新推荐文章于 2024-09-24 11:22:03 发布

CSPsy

最新推荐文章于 2024-09-24 11:22:03 发布

阅读量734

点赞数 6

分类专栏： HTML 文章标签： html html5

本文链接：https://blog.csdn.net/m0_51573433/article/details/119015083

版权

HTML 专栏收录该内容

3 篇文章 7 订阅

订阅专栏

本文介绍了HTML的基础标签，包括网页布局如<div>和<span>，文字样式如<b>和<i>，图像处理<img>及链接<a>的用法。通过示例展示了各标签的功能和效果，是学习HTML入门的良好参考资料。

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

HTML常用标签

1. 网页布局

定义HTML 文档标签 <html>
文档标题标签 <title>
文档主体标签 <body>
HTML标题标签 h (<h1>~<h6>)
段落标签 <p>,可以把 HTML 文档分割为若干段落
水平线标签 <hr>
换行标签 <br>
网页布局最主要的2个盒子：<div> 和 <span>

<div>标签定义 HTML 文档中的一个分隔区块或者一个区域部分。
使用例子：

<!DOCTYPE html>
<html>
<head> 
    <meta charset="UTF-8"> 
    <title>div</title> 
</head>
<body>

    <p>这是一个文本。</p>

    <div style="color:#00FF00">
        <p>这是一个在 div 标签中的文本。</p>
    </div>

</body>
</html>

效果：
在这里插入图片描述
<span>标签对文档中的行内元素进行组合。
使用例子：

<!DOCTYPE html>
<html>
<head> 
    <meta charset="UTF-8"> 
    <title>span</title> 
</head>
<body>

    <p>这是含有 <span style="color:blue; font-weight:bold">span的文字</span>。</p>

</body>
</html>

效果：
在这里插入图片描述

2. 对文字

文字粗体显示：<b> 或 <strong>
文字斜体显示：<i> 和 <em>
文字加删除线显示：<s> 和 <del>
文字加下划线显示：<u> 和 <ins>

3. 对图像：使用 <img>

属性	属性值	描述
src	URL	规定显示图像的 URL (即图像的路径)
alt	text	规定图像(不能显示时)的替代文本
width	pixels	规定图像的宽度
height	pixels	规定图像的高度
title	text	规定有关元素的额外信息(鼠标悬停时显示的内容)

4. 链接标签 <a>

<a> 标签定义超链接，用于从一张页面链接到另一张页面。

属性	属性值	描述
href	URL	规定链接目标的URL地址
target	_blank _self _parent _top	规定在何处打开目标 URL (仅在 href 属性存在时使用) _blank：在一个新的窗口打开被连接的的文档 _self：在当前页面打开被链接的文档 _parent：在父窗口中打开被链接的文档 _top：在整个窗口打开被链接的文档