2021-05-26 Day01-html标签

最新推荐文章于 2024-07-12 20:49:16 发布
最新推荐文章于 2024-07-12 20:49:16 发布
阅读量120 收藏
点赞数
分类专栏： html 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wxy1345886334/article/details/117299225
版权

***html标签

块级元素
1.div容器
	<div></div>
2.p段落元素
	<p></p>
	垂直方向有段落间距
3.标题元素
	<h1></h1>一级标题
	<h2></h2>二级标题
	<h3></h3>三级标题
	<h4></h4>四级标题
	<h5></h5>五级标题
	<h6></h6>六级标题
	h1字号最大,垂直方向有间距。h1在页面中只能出现一次
4.列表
	- 无序列表
		<ul type="square">
			<li>列表项</li>
			<li>列表项</li>
			<li>列表项</li>
			<li>列表项</li>
		</ul>
		type="disc"实心圆
		type="circle"空心圆
		type="square"实心方块
	- 有序列表
		<ol type="I" start="">
			<li>列表项</li>
			<li>列表项</li>
			<li>列表项</li>
			<li>列表项</li>
		</ol>
		type="1"数字
		type="a"小写字母
		type="A"大写字母
		type="i"小写罗马数字
		type="I"大写罗马数字
		start=""代表从几开始数起
	- 自定义列表
		<dl>
			<dt>千锋教育</dt>
			<dd>知名IT培训机构,培训前端、java、UI等一些列课程</dd>
		</dl>
行内元素
1.加粗
	<b></b>
	<strong></strong> 有强调的作用
2.倾斜
	<i></i>
	<em></em> 有强调的作用
3.下划线
	<u></u>
4.删除线
	<s></s>
	<del></del>
5.span
	一段文本中改变几个文字的样式,而且保证前后不换行
6.上标
	<sup></sup>
7.下标
	<sub></sub>
8.文本换行
	<br/>
	编辑器中无论有多少个空格和回车、缩进都会被浏览器解析成一个空格
9.img图片
	<img src="" alt="" title=""/>
		src=""路径
		alt=""图片加载失败时显示的文本
		title=""鼠标移入时显示的文本
	路径：绝对路径和相对路径
		同级文件：直接写文件名.后缀
		子集：先找到同级文件夹/引入的文件
		父集：返回上一级../
	***面试题：alt和title的区别
10.超链接
	<a href="" target="">跳转到百度</a>
		href=""路径
		target="_self" 默认值,在当前页面打开
		target="_blank" 在新的标签页中打开
	利用a标签打开一张图片
	<a href="img/img14.jpg">
		打开图片
	</a>

转义字符

空格：&nbsp;
小于号：&lt;
大于号：&gt;
版权标识：&copy;
注册：&reg;
引号：&quot;
wxy1345886334
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端学习day01-HTML标签01
06-21
本教程“前端学习day01-HTML标签01”着重讲解HTML的基本概念和常用的HTML标签，旨在帮助初学者入门HTML，了解其在网页设计中的重要作用。 HTML由一系列元素组成，这些元素通过标签来表示。标签通常成对出现，比如`...
2024-05-12-mothers-day.zip
05-12
标题中的“2024-05-12-mothers-day.zip”表明这是一个与母亲节相关的压缩文件，日期为2024年5月12日。从描述中我们可以了解到，这个压缩包包含的是一个用于庆祝母亲节的HTML源代码。HTML（HyperText Markup Language...
2021-01-17
weixin_46766870的博客
01-17 93
背景图像 属性： Backguround-clip: 1、border-box（背景被裁剪到边框盒） -- 默认值 2、Padding-box(背景被裁剪到内边距框) 3、Content-box(背景被裁减到内容框) 定位： background-origin：设置元素背景图像得原始起始位置 Background-position:2个值： 水平盒垂直得偏移量 三个属性值： 1、padding-box ： 相对于内边距位置开始得左上角得偏移量 -- ...
git基本命令及常见处理文件问题
qq_38161537的博客
01-28 270
git基本命令及常见处理文件问题 基本的拉取上传文件命令 0.git pull先更新文件/git pull origin dev; git status 查看文件的增删改状态 1.git clone 在线库存地址; git clone -b dev(远程分支) 链接 2.git add 要提交的文件或者文件夹 或者git add .(表示提交所有修改过的文件，添加到暂存区) 注：git add 只将新建的或者已更改的文件添加到索引区。（不会添加删除的文件） 3.git commit -m ‘
CVE-2021-42342漏洞复现及docker环境搭建
axdnoob的博客
07-18 2951
CVE-2021-42342 漏洞复现
CVE-2021-40444漏洞复现
1ance's blog
09-25 3406
简介 MSHTML（又称Trident）是微软Windows操作系统Internet Explorer（IE）浏览器的排版组件。软件开发人员使用该组件，可以在应用中快速实现网页浏览功能。MSHTML除应用于IE浏览器、IE内核浏览器外，还在Office的Word、Excel和PowerPoint文档中用来呈现Web托管内容。 9月7日，微软公司发布了针对Microsoft MSHTML远程代码执行漏洞的紧急安全公告。攻击者利用该漏洞，通过精心构造包含可被加载的恶意 ActiveX控件的Microsoft O
HTML-Day01-1
xinqing007的博客
01-07 2414
HTML定义： HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言，而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页，尽管可以不关闭标签，但建议关闭写法，大小写不敏感，但建议小写。Web 浏览器的作用是读
瑞吉外卖-全网最全笔记-Day01
eadzsdad的博客
04-17 2万+
黑马教程-瑞吉外卖，基于流行的Spring Boot、mybatis plus等技术框架进行开发，带领学员体验真实项目开发流程、需求分析过程和代码实现过程。能够收获：锻炼需求分析能力、编码能力、bug调试能力，增长开发经验。
【Vue-day1】Vue获取Html标签中的值
m0_57450589的博客
03-03 7088
方法1：在自定义函数中加上$event，在js函数中可以获取到点击事件的标签，从而获取对应标签的值，易于分离。 Html代码： <a href="javascript:;" @click="getCity($event)">北京</a> Js代码： getCity:function(event){ console.log(event.target.innerHTML); } 方法2：vue的ref和$refs方法（在Js中test不知道如何分离多...
前端学习--Day01
Cure The World的博客
08-22 4286
Web前端基础知识 HBuilder中Chrome无法运行问题 一、Web基本概念 Web：网页、公众号、动画 H5：html5 URL：网络资源的地址 服务器：一个性能比较高（内存大、运行速度快）的电脑，安装了提供服务的软件（Apache，tomcat，ISS，Nginx） 云服务器：阿里云、腾讯云、百度云、华为云 有专门的团队提供维护工作 浏览器：能帮我们打开网页，Google Chrome、IE、火狐 二、标记语言 用各种标签将相关的信息或者关键字包裹起来，方便搜索引擎的抓
LLaMA的解读与其微调(含LLaMA 2)：Alpaca-LoRA/Vicuna/BELLE/中文LLaMA/姜子牙
热门推荐
结构之法 算法之道
03-22 6万+
还开始研究一系列开源模型(包括各自对应的模型架构、训练方法、训练数据、本地私有化部署、硬件配置要求、微调等细节)​该项目部分一开始是作为此文《》的第4部分，但但随着研究深入 为避免该文篇幅又过长，将把『第4部分 开源项目』抽取出来 独立成本文。
day01-HTML附件
07-23
在这个"day01-HTML附件"的学习资料中，我们将深入探讨HTML的基本概念、元素、属性以及如何在实践中运用它们。 1. **HTML基础**: HTML由一系列元素组成，这些元素以开始标签和结束标签的形式出现，如`<p>`和`</p>`，...
HTML入门及常用标签-day01.xmind
10-11
HTML入门及常用标签-day01.xmind
html-day-03-04-2021
04-04
标题“html-day-03-04-2021”和描述中提到的信息非常简洁，没有明确指出具体的学习主题或知识点。不过，从标题我们可以推测这可能是一个关于HTML学习的课程或者工作坊，日期为2021年4月3日。HTML，全称HyperText ...
html设计（两种常见的充电效果）
最新发布
2301_81704123的博客
07-12 1160
title>充电效果
JS之防抖和节流
喵喵的博客
07-09 1019
在页面的无限加载场景下，需要用户在滚动页面时，每隔一段时间发一次 ajax 请求，而不是在用户停下滚动页面操作时才去请求数据；所谓防抖，就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数执行时间。在后期有拓展了前缘防抖函数，即执行动作在前，设定延迟周期在后，周期内有事件被触发，不执行动作，且周期重新设定。当事件被触发时，设定一个周期延时执行动作，若周期又被触发，则重新设定周期，直到周期结束，执行动作。固定周期内，只执行一次动作，若没有新事件触发，不执行。
HTML 学习指南：从入门到精通
英英的博客
07-09 407
HTML（HyperText Markup Language）是构建网页的框架。掌握HTML不仅能更好的理解网页的结构，还能为进一步学习CSS、JavaScript等前端技术打下坚实的基础。本篇文章将为你规划一条从HTML入门到精通的学习路线，并概述每个阶段的核心内容。
html转markdown nodejs实现
学习使我快乐_玉祥
07-09 251
用到了jsdom库，直接现成处理html标签结构，只需要关心format格式化样式即可。比较简易，待后续优化，目前只是短时间批量转换html文件。
uni-calendar 怎么显示节假日？
05-29
要在 `uni-calendar` 中显示节假日，可以通过自定义日历的方式来实现。具体步骤如下： 1. 在 `uni-calendar` 中设置自定义日历模板。 在 `uni-calendar` 中，可以通过 `template` 属性来设置自定义日历模板，例如： ```html <uni-calendar :template="calendarTemplate"></uni-calendar> ``` 其中，`calendarTemplate` 为自定义日历模板的名称。 2. 编写自定义日历模板。 在 `template` 中，可以使用 `slot` 标签引入自定义的日历模板，例如： ```html <template name="calendarTemplate"> <div class="calendar-container"> <div class="calendar-header"> <span class="calendar-title">{{title}}</span> </div> <div class="calendar-body"> <div class="calendar-weekdays"> <span v-for="weekday in weekdays">{{weekday}}</span> </div> <div class="calendar-days"> <slot name="calendar-days"></slot> </div> </div> </div> </template> ``` 在自定义日历模板中，可以使用 `slot` 标签占位日历的日期部分，例如： ```html <template> <div class="calendar-days"> <div v-for="day in days" :class="{'calendar-today': day.isToday, 'calendar-holiday': day.isHoliday}"> <span>{{day.day}}</span> <div>{{day.holiday}}</div> </div> </div> </template> ``` 在上述代码中，通过 `v-for` 循环遍历日期数组 `days`，并根据日期的一些属性来设置样式。其中，`day.isToday` 判断是否为当天日期，`day.isHoliday` 判断是否为节假日日期，`day.holiday` 为节假日名称。 3. 在组件中获取节假日数据。 在组件中，可以通过第三方插件获取节假日数据，并将数据传递给自定义日历模板。例如使用 `lunar-calendar` 插件获取节假日数据： ```js import LunarCalendar from 'lunar-calendar'; export default { data() { return { holidays: [] // 节假日数据 } }, methods: { getHolidayData(year, month) { let days = []; for (let i = 1; i <= 31; i++) { let solar = LunarCalendar.solar2lunar(year, month, i); let holiday = solar.Term || solar.lunarFestival || solar.solarFestival || ''; days.push({ day: i, isHoliday: holiday !== '', holiday: holiday }); } this.holidays = days; } }, mounted() { let now = new Date(); this.getHolidayData(now.getFullYear(), now.getMonth() + 1); } } ``` 在上述代码中，通过 `LunarCalendar.solar2lunar` 方法获取指定日期的农历信息和节假日信息，并将数据保存到 `holidays` 数组中。 4. 在自定义日历模板中显示节假日信息。 在自定义日历模板中，可以通过 `v-bind` 或 `v-for` 指令将节假日数据传递到日历日期部分。例如： ```html <template> <div class="calendar-days"> <div v-for="(day, index) in days" :class="{'calendar-today': day.isToday, 'calendar-holiday': day.isHoliday}"> <span>{{day.day}}</span> <div v-if="day.isHoliday">{{day.holiday}}</div> </div> </div> </template> ``` 在上述代码中，通过 `v-if` 判断当前日期是否为节假日日期，如果是则显示节假日名称。 以上就是在 `uni-calendar` 中显示节假日的基本步骤，具体实现还需要根据项目的实际情况进行调整。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值