HTML学习笔记

最新推荐文章于 2024-05-17 15:34:29 发布
最新推荐文章于 2024-05-17 15:34:29 发布
阅读量258 收藏
点赞数
分类专栏： html 学习笔记 文章标签： html html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42673018/article/details/113921517
版权

1. HTML常用标签

1.1 标题标签< h1 > - < h6 >

HTML提供了6个等级的网页标题，即< h1 > - < h6 >。

h是head的缩写，意为标题。

<h1> 我是一级标题 </h1>

1.2 段落和换行标签

< p >标签用于定义段落。

<p> 我是一个段落标签 </p>

如果希望某段文本强制换行显示，就需要使用标签< br/>。

<br />

1.3 文本格式化标签

设置粗体、写题或下划线等效果。

1.4 < div > 和 < span > 标签

在这里插入图片描述

1.5 图像标签和路径

  1. 图像标签

    图像标签的其他属性
    在这里插入图片描述

<h4> 图像标签的使用：</h4>
<h4> alt：替换文本，图像显示不出来时候用文字替换。title:提示文本，鼠标放到图像上，提示的文字。width:给图像设置宽度。height:高度。border：边框。
<img src="img.jpg" alt="烧掉的照片" title="你只是我烧掉的另一张照片而已" width="500" border="15"/>
  1. 路径之相对路径
    在这里插入图片描述

1.6 超链接标签

1.

在HTML标签中，标签用于定义超链接，作用是从一个页面链接到另一个页面。

<a href="跳转目标" target="目标窗口的弹出方式"> 文本或图像 </a>

在这里插入图片描述

2.链接分类

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=<h4>, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <a href="#life">个人生活锚点</a><br />
    <h4>1.外部链接</h4>
    <a href="https://www.bilibili.com/" target="_blank">bilibili</a>
    <h4>2.内部链接</h4>
    <a href="schoolAddresss.html" target="_blank">学校地址</a>
    <h4>3.空链接：#</h4>
    <a href="#">公司简介</a>
    <h4>4.下载链接</h4>
    <a href="img.zip">下载文件</a>
    <h4>5.网页元素的链接</h4>
    <a href="https://weibo.com/"><img src="img.jpg"/></a>
	<h4 id="live">5.个人生活锚点</h4>
</body>
</html>

2. HTML中的注释和特殊字符

2.1 注释

<!-- 注释语句 --> 快捷键：ctrl + /

2.2 特殊字符

在这里插入图片描述

3.表格标签

3.1 表格的基本语法

<table>
    <tr>
    <td>单元格内的文字</td>
	...
	</tr>
...
</table>

3.2 表头单元格标签

在这里插入图片描述

<table>
    <tr>
    	<th>姓名</th>
	...
	</tr>
...
</table>

4. 列表标签

4.1 无序列表

< ul > 表示无序列表，列表项使用< li > 标签定义。

语法格式如下：

<ul>
    <li>列表项1</li>
	<li>列表项2</li>
	<li>列表项3</li>
	...
</ul>

4.2 自定义列表

< dl >用以定义描述列表，该标签与 < dt > （定义项目/名字）和 < dd >（描述每一个项目/名字）一起使用。
语法如下：

<dl>
	<dt> 名词1</dt>
	<dd>名词1解释1</dd>
	<dd>名词1解释2</dd>
</dl>
酱紫蛙
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
html学习笔记
06-22
1.属性，hidden 属性是布尔属性。 注释：在 XHTML 中，属性简写是禁止的，hidden 属性必须定义为 。2.事件
【HTML】HTML学习笔记（全）
热门推荐
Bitdancing的专栏
12-09 1万+
前端HTML学习笔记大全
HTML学习笔记(全)
weixin_63676550的博客
01-12 5359
HTML学习笔记 视频教程：https://b23.tv/LbTHmRE
HTML5学习笔记
m0_61721166的博客
03-08 8833
一、网页 1.什么是网页 网站是指在因特网上根据一定的规则，使用 HTML等制作的用于展示特定内容相关的网页集合。 网页是网站中的一“页” ，通常是 HTML 格式的文件，它要通过浏览器来阅读。 网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以.htm或.html 后缀结尾的文件，因此将其俗称为HTML文件。 2.什么是HTML HTML指的是超文本标记语言(HyperTextMarkupLanguage)，它是用来描述网页的一种语言。HTML不
前端之HTML学习笔记一
m0_53211178的博客
02-28 8127
目录 1.网页 1.1网页的概念 1.2HTML的概念 1.3网页的形成 2.常用的浏览器 3.web标准 3.1为什么需要web标准 3.2web标准的构成（重点） 1.网页 1.网页 1.1网页的概念 网站是指在因特网上根据一定的规则，使用HTML等制作的用于展示特定内容相关的网页集合。 网页是网站中的一"页"，通常是HTML格式的文件，它要通过浏览器来阅读。 网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成，通常我们看到的网页，常见以.htm或.
Html学习笔记
10-29
自己学习html的笔记,普通文本格式，适合非前端专业开发者参考。学的好还得自己好好理解。
可视化导论 - 第五章 时空数据可视化 - 学习笔记
酱紫蛙的博客
01-06 3852
第5章 时空数据可视化 5.1 一维标量数据可视化 一维标量数据通常用二维坐标图或折线图来可视化。 制作坐标图时要注意： 数据转换 对输入数据进行数据转换生成新的变量，可以方便用户更好地观察数据。例如，人类感知系统最容易辨别的数据分布是线性趋势。 坐标轴变换 通过对坐标轴的变化，可以将数据的某些性质更清晰地展现。 曲线拟合 通常一维标量数据用离散的点和折线表示。在特定情况下，把离散的点拟合成曲线更能体现数据的规律和趋势。 5.2 二维标量数据可视化 5.2.1 颜色映射法 常用于二维标量
可视化导论 - 第四章 数据可视化流程 - 学习笔记
酱紫蛙的博客
12-23 2929
第4章 数据可视化流程 4.1 数据可视化流程 以数据流向为主线，其主要模块包括数据采集、数据处理和变换、可视化映射和用户感知。 4.2 数据处理和数据变换 4.2.1 数据滤波 数据滤波器在信号处理中的作用是从数据信号中去除不需要的部分。 很多噪声信号的频率比有效数据信号高（例如电视中的雪花噪声），因此可以用低通滤波器有效地去除。 ...
可视化导论 - 第三章 数据- 学习笔记
酱紫蛙的博客
12-08 612
第三章 数据 3.1 数据基础 3.1.1 数据属性 类别型属性 序数型属性 数值型属性 属性类型 实例 类别型 销售商品的品名 序数型 销售时间 数值型 商品单价 3.1.2 数据的结构 结构化数据 可用二维表结构来逻辑表达实现，主要用于关系型数据库中。 非结构化数据 数据结构不规则，没有预定义的数据模型，它包括了所有格式的办公文档、文本、图片、XML、HTML、各类报表、图像和/视频信息等。 半结构化数据 介于结构化数据和非结构化数据之间，格式较为规范。一般为纯文本数据
leetcode刷题笔记-自用
酱紫蛙的博客
12-14 302
1.基本语句 1.1 vector向量的定义 常见定义方法： （1） vector a(5); //定义了5个整型元素的向量（<>中为元素类型名，它可以是任何合法的数据类型），但没有给出初值，其值是不确定的。 （2）vector a(5,1); //定义了5个整型元素的向量,且给出每个元素的初值为1 （3）vector a(b); //用b向量来创建a向量，整体复制性赋值 （4）vector a(b.begin(),b.begin+3); //定义了a值为b中第0个到第2个（共3个）元素 （5）
JavaScript学习笔记
酱紫蛙的博客
02-02 113
1. 创建变量 var x=5; var y=6; var z=x+y; 2.创建数组 var arr = new Array(); var arr = []; // 更常用 var arr1 = [1,2,'Cinnamon',true]; // 可以存放不同数据类型 3.函数使用 声明函数 function helloWorld() { console.log('Hello World'); } 函数使用 helloWorld(); 4.创建对象 利用对象字面量创建对象{}，va
Java学习笔记
酱紫蛙的博客
12-18 84
封装性的体现 我们将类的属性xxx私有化（private)，同时，提供公共的(publiv)方法来获取（getXxx）和设置（setXxx）此属性。 四种权限修饰的理解 构造器的基本理解 一、构造器的作用： 1.创建对象 2.初始化对象的属性 二、说明： 1.如果没有显式的定义类的构造器的话，则系统默认提供一个空参的构造器 2.定义构造器的格式：权限修饰符 类名（形参列表）{} 3.一个类中定义的多个构造器，彼此构成重载 4.一旦我们显式地定义了类的构造器之后 ，系统就不再提供默认的空参构造器 .
HTML的使用（中）
weixin_74141222的博客
05-14 1050
在许多网页平台上浏览，大多逃不了登录账号。此时在网页中填写的用户名文本框与密码文本框，就属于HTML的表单元素。以上就是HTML表单的内容了，表单提供了大量能使浏览器用户快速便捷地填写数据的方法，构建了数据的交互传输。
html 根字号 以及 设置根元素font-size:calc(100vw/18.75)、元素rem实现自适应
hx_1199的博客
05-17 401
rem 是相对文档根元素(html)字体大小的尺寸单位，当元素的尺寸或文字字号等使用 rem 单位时，会随着根元素的 font-size变化而变化。以750px 设计稿为例 100vw=750px 750/18.75=40 即 1rem=40px;以1920px 设计稿为例 100vw=1920px 1920 / 48 =40 即 1rem=40px;在不同分辨率的设备下动态设置根元素的字体大小就可以实现页面自适应。
自动化测试报告样式HTMLTestRunner、BeautifulReport、HTMLReport、Allure你喜欢哪个？
最新发布
qq_48811377的博客
05-17 701
有很多种自动化测试报告样式，接下来主要看下这些常用样式的效果是怎样的每个样式各有特点，选择自己喜欢的使用就好了自动化测试时你用的最多的是哪个呢？
JSON格式化输出html——数组+对象+JSON字符串+汉字——基础积累——@pgrabovets/json-view
yehaocheng520的博客
05-15 286
JSON格式化输出html——数组+对象+JSON字符串+汉字——基础积累——@pgrabovets/json-view
黑马html学习笔记
09-15
以下是一些HTML学习笔记的内容： 1. HTML的全称是超文本标记语言，它用于创建网页和网页应用程序的结构。 2. HTML使用标签来定义页面的不同元素。例如，标签用于定义一个标题，标签用于定义一个段落等。 3. HTML...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值