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/css面试题----1
MingL520的博客
05-24 281
CSS hack是通过在CSS样式中加入一些特殊的符号，让不同的浏览器识别不同的符号（什么样的浏览器识别什么样的符号是有标准的，CSS hack就是让你记住这个标准），以达到应用不同的CSS样式的目的。CSS hack由于不同厂商的浏览器，比如Internet Explorer,Safari,Mozilla Firefox,Chrome等，或者是同一厂商的浏览器的不同版本，如IE6和IE7，对CSS的解析认识不完全一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。
网站__Kevin-Powell-1
02-10
head元素用于存储元数据，比如标题（）、字符集（<meta charset="UTF-8">）和链接到CSS样式表的链接（<link rel="stylesheet" href="style.css">）。body元素则包含网页的实际内容，如文本、图片、表格、列表、...
加入强调语气，使用<strong>和<em>标签
bailang3277的博客
05-29 263
有了段落又有了标题，现在如果想在一段话中特别强调某几个文字，这时候就可以用到或<strong><em>标签。 但两者在强调的语气上有区别: 表示强调，<strong> 表示更强烈的强调。并且在浏览器中<em> 默认用斜体表示，<strong> 用粗体表示。两个<em>标签相比，目前国内前端程序员更喜欢使用<s...
html ul元素内边距,内联元素为啥设置内外边距都有效果？？
weixin_42271195的博客
06-20 354
块级元素(block)：新行开始；高度，行高以及外边距和内边距都可控制；宽度缺省是它的容器的100%可以嵌套内联元素和其他块元素常用的块级元素：div、h1~h6、dl、ul、ol内联元素(inline)：和其他元素都在一行上；宽度就是它的文字或图片的宽度，不可改变内联元素只能容纳文本或者其他内联元素常用的内联元素：a、span、img、input、lable、select、strong、text...
html标签中含样式和语义的标签（面试的时候可能会考）
老牛的博客
09-10 105
1、<em>标签 行内元素，表示语气中的强调词 2、<i>标签 行内元素，表示专业词汇 3、<b>标签 行内元素，表示文档中的关键字或者产品名 4、<strong>标签 行内元素，表示非常重要的内容 ...
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;}...
H5基本操作.包含meta标签 语义化标签 列表 超链接 图片标签 内联框架 音视频等
mayiyayou的博客
03-12 348
H5基本标签实体meta标签元数据语义化标签基本标签规范内容布局标签（结构化语义标签）列表超链接图片标签内联框架音视频 实体 在网页中编写的多个空格默认情况会自动被浏览器解析为一个空格 在HTML中有些时候，我们不能直接书写一些特殊符号 比如：多个连续的空格，比如字母两侧的大于和小于号 如果我们需要在网页中书写这些特殊的符号，则需要使用html中的实体（转义字符） 实体的语法： &实体的名字; &am
尚硅谷前端HTML-CSS /HTML
wqy19941008的博客
02-17 360
尚硅谷前端HTML-01 软件分类 系统软件 应用软件 游戏软件 软件：客户端 服务器。 客户端 –文字客户端 –图形化界面 C/S – 网页。 B/S 优点 不需要安装。无需更新 跨平台。 蒂姆 伯纳斯 李 : 万维网发明人。第一个服务器 第一个网站 — 浏览器 的问题：网页编写没有标准 1994–W3C 网页开发标准 W3C 规范 。主要阻碍【微软IE】 W3C: 一个网页 分为三部分: 结构 HTML 页面的结构 表现 CSS 页面元素的样式 行为JavaScript 响应用
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 所在目录，启动。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值