html-css1（meta /加强语气 /块和行内/ ul /超链接 /音视频/内联框架/图片标签格式）

已于 2022-04-10 21:10:08 修改
阅读量160 收藏
点赞数
分类专栏： 前段 文章标签： html5
于 2021-07-19 21:41:33 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Kerryliuyue/article/details/118914259
版权

小tips:
Chinese插件翻译成中文，
ayu插件调整背景颜色
文件 首选项 设置 更改字体大小
安装liveserver 右键 open with liveserver
ctrl+s保存自动更新
文件 首选项 设置afterdelay 自动保存
Ctrl+/是生成注释的快捷键

1.w3school官网

2.给字体设置格式

html的格式化

w3school html文档的格式化

发送邮件的链接

	<a href="mailto:someone@microsoft.com?subject=Hello%20again">发送邮件</a>

<html>
	<head>
		<title>这是我的第二个网页</title>
	</head>
	<body>
		<h1>这是我的第二个网页</h1>
		<h1>这是我的<font color='red' size='3'>第三个</font >网页</h1>
	</body>
<html>

img img/
input input/ 自结束标签(需要加上尖括号)
!-- --解释标签
HTML标签参考手册 3-school

head是网页的头部，head中的内容不会在网页中直接出现，
主要用来帮助浏览器或搜索引擎来解析网页
实体： &实体的名字；
&nbsp;表示空格 &gt;大于号 &lt;小于号 &copy;版权符号 （实体符号参考手册）

3. meta元素

description用于对 网站的描述，显示在网站的搜索引擎上
title就是链接上的文字
3秒钟后，将页面重新定向到另一个界面
在这里插入图片描述
请添加图片描述

在这里插入图片描述

4 强调加强语气格式

在这里插入图片描述

效果展示:
在这里插入图片描述

5.块元素与行内元素

在这里插入图片描述
块元素和行内元素的区分

请添加图片描述
在这里插入图片描述

ul标签

ol是创建有序列表，↓写错了

在这里插入图片描述
请添加图片描述

超链接基本用法

用target=“_blank”就可以让新页面在另一个窗口打开。
比如：百度 。
在这里插入图片描述
07和08在同一个文件夹里，所以可以直接写，如果不在一个文件夹里 ./就相当于path …/是返回上一级，就相当于从这个小文件夹出来，到大文件夹，准备到另外的小文件夹

…/是到达文件所在目录的上一级目录 01-introduce，/是到01-introduce下面的outer文件夹
在这里插入图片描述

请添加图片描述

1.只需要在底部写     <a href="#">回顶部</a>这一句话，就可以直接回到顶部

2.只需要在顶部写一个 <a href="#bottom">去底部</a>,在底部写<a id="bottom"></a>，就可以实现直接到达底部。

请添加图片描述
请添加图片描述

音视频播放

请添加图片描述
embed的用法

内联框架-引入一个新界面

请添加图片描述

图片标签和图片格式

请添加图片描述
请添加图片描述

木一叶liuyue
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html内置打开页面,html页面打开另一个html页面
weixin_32142107的博客
06-03 1206
1、传统if遇新是直朋能到分览支体调ream方式Iframe标记的使用格式是:src：文件的路径，既可是HTML文件，也可以是文本、ASP等；width、height："画中画"区域的宽与高；scrolling:当SRC的指定的HTML文件在指定的区域不显不完时，滚动选项，如果设置为NO，则不出现滚动条；如为Auto：则自动出现滚动条；如为Yes，则显示;FrameBorder：区域边框的宽度，为...
网站__Kevin-Powell-1
02-10
head元素用于存储元数据，比如标题（）、字符集（<meta charset="UTF-8">）和链接到CSS样式表的链接（<link rel="stylesheet" href="style.css">）。body元素则包含网页的实际内容，如文本、图片、表格、列表、...
html标签中含样式和语义的标签（面试的时候可能会考）
老牛的博客
09-10 105
1、<em>标签 行内元素，表示语气中的强调词 2、<i>标签 行内元素，表示专业词汇 3、<b>标签 行内元素，表示文档中的关键字或者产品名 4、<strong>标签 行内元素，表示非常重要的内容 ...
加入强调语气，使用<strong>和<em>标签
bailang3277的博客
05-29 263
有了段落又有了标题，现在如果想在一段话中特别强调某几个文字，这时候就可以用到或<strong><em>标签。 但两者在强调的语气上有区别: 表示强调，<strong> 表示更强烈的强调。并且在浏览器中<em> 默认用斜体表示，<strong> 用粗体表示。两个<em>标签相比，目前国内前端程序员更喜欢使用<s...
html页面更改内容吗,更改同一html文件/页面上的内容
weixin_34893555的博客
06-03 331
jQuery解决方案……这是一个FIDDLE为了能够使用它,你必须在< head>中包含jQuery. HTML文档的一部分.例如Section 1Section 2Section 3Section 4Section 1Section 2Section 3Section 4.wrapper {position: relative;width: 960px;padding: 10px;}...
html ul元素内边距,内联元素为啥设置内外边距都有效果？？
weixin_42271195的博客
06-20 354
块级元素(block)：新行开始；高度，行高以及外边距和内边距都可控制；宽度缺省是它的容器的100%可以嵌套内联元素和其他块元素常用的块级元素：div、h1~h6、dl、ul、ol内联元素(inline)：和其他元素都在一行上；宽度就是它的文字或图片的宽度，不可改变内联元素只能容纳文本或者其他内联元素常用的内联元素：a、span、img、input、lable、select、strong、text...
wt-assignment1
05-04
10. **块级与内联元素**：块级元素如`<div>`、`<p>`独占一行，内联元素如`<span>`、`<a>`则可以在同一行内并列显示。 11. **CSS的引入**：HTML可以通过`<link>`元素引入外部CSS文件，或者使用`<style>`元素在文档...
EIA1-SoSe-21
03-18
8. **响应式设计**：HTML5的`<meta name="viewport">`元标签和媒体查询（CSS3 `@media`规则）使得网页能适应不同设备的屏幕尺寸。 9. **框架和脚本**：`<iframe>`元素可以嵌入外部网页，`<script>`元素用于引入...
html的经典标签库
03-30
HTML（HyperText Markup Language）是构建网页的基础语言，它的核心在于一系列的标签，这些标签用于定义页面的结构和内容。本篇文章将深入探讨HTML的经典标签库，帮助读者更全面、深入地理解每个标签的用途。 1. **...
关于html标签的使用
10-04
同时，新增的和标签支持视频和音频播放。 以上只是HTML标签的一小部分，实际使用中还有更多标签和属性，如框架集、注释<!--...-->、表单验证等等。掌握HTML标签的正确使用是创建高效、易维护网页的关键，不断学习和...
当父组件的对象值发生改变的时候，子组件没有重新进行渲染？
Kerryliuyue的博客
09-04 2376
当在页面使用子组件时，页面进行渲染时，子组件已经进行渲染，所以会出现当父组件的值进行修改时，子组件没有重新渲染。一般来说，父子组件传值，当父组件值变化时子组件的值也会实时变化，子组件使用prop接收数据。
GIT命令
Kerryliuyue的博客
08-09 2339
git push -u origin +推送分支名（将子分支推送到origin仓库里）因为是第一次推送：所以用git push不行，要用下面的命令。git checkout +分支名（如果不在，切换分支）将远端仓库拉取(映射)到本地。假设项目地址为test。删除本地分支(常用)，假设分支为test。git branch(查看在哪个分支)假设远端分支为test。查看本地与上一次暂存区的差异。将本地分支推送到码云。必须要在当前的子分支。...
VUE学习
Kerryliuyue的博客
04-22 1984
Vue核心 1.1Vue简介 每一个模块一个vue组件，每一个vue都有html+css+js 命令式编码，一步一步，傻瓜式做法 声明式，心有灵犀，熟悉之后 多了一步，虚拟dom，处理变化的数据（diff算法进行比较 ，复用已经存在的数据） .........
后端一次返回过多数据，前端应该如何优化处理？
最新发布
Kerryliuyue的博客
09-06 1662
一个简单的优化方法是对数据进行分页。假设每个页面都有limit记录，那么数据可以分为Math.ceil(total/limit)个页面。之后，我们可以使用 setTimeout 顺序渲染页面，一次只渲染一个页面。一次渲染 100,000 条记录大约需要 12 秒，这显然是不可取的。创建一个server.js。然后新建一个html和js。cmd 所在目录，启动。
Vue学习2
Kerryliuyue的博客
04-25 1312
key作用域与原理 react、vue中的key有什么作用？（key的内部原理） 虚拟DOM中key的作用：key是虚拟DOM中对象的标识，当数据发生变化时，Vue会根据【新数据】生成【新的虚拟DOM】，随后Vue进行【新虚拟DOM】与【旧虚拟DOM】的差异比较，比较规则如下： 对比规则： 旧虚拟DOM中找到了与新虚拟DOM相同的key： 若虚拟DOM中内容没变, 直接使用之前的真实DOM 若虚拟DOM中内容变了, 则生成新的真实DOM，随后替换掉页面中之前的真实DOM 旧虚拟DO
尚品汇项目搭建
Kerryliuyue的博客
05-29 1311
文章目录一、基础配置 一些问题 一、基础配置 2.1 项目运行自动打开浏览器，在package.json文件中这段代码的serve后面加上 --open "scripts": { "serve": "vue-cli-service serve --open", "build": "vue-cli-service build", "lint": "vue-cli-service lint" }, 2.2eslint校验工具关闭 eslint：检
js基础7 增加删除替换类/二级菜单
Kerryliuyue的博客
03-29 1211
增加删除替换类 <!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"> <tit
C90标准：ISO/IEC 9899:1990英文PDF
"ISO/IEC 9899:1990 C90 C标准 英文版 PDF，这是1990年制定的C语言编程标准，由美国国家标准协会(ANSI)和国际标准化组织(ISO)联合发布。" C90，即ISO/IEC 9899:1990，是C语言编程的第一个正式国际标准，它定义了...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值