一、前言

二、正文

1、注释快捷键：ctrl+/

2、程序结构：嵌套关系、并列关系

3、标题大小：h1-h6

4、段落标签

5、图片标签

6、音频标签

7、视频标签

8、超链接标签

一、前言

这里是一点知识点记录，一篇看一篇，适合小白或者复习的时候用！！！

二、正文

1、注释快捷键：ctrl+/

2、程序结构：嵌套关系、并列关系

3、标题大小：h1-h6

<h1>一级标题</h1>

<h2>二级标题</h2>

4、段落标签

（1）br强制换行

（2）hr创建水平线

<p>《活着》是作家余华的代表作之一。<br>讲诉了在大时代背景下，随着内战、三反五反，大跃进，文化大革命等社会变革，徐福贵的人生和家庭不断经受着苦难，到了最后所有亲人都先后离他而去，仅剩下年老的他和一头老牛相依为命</p>

<p>这本书揭露了最真实的人间。<hr>如文中所言：最初我们来到这个世界，是因为不得不来；最终我们离开这个世界, 是因为不得不走。下面就是小编为大家整理的余华《活着》经典语句<s>摘抄的内容了</s>，供大家参考阅读。</p>

5、图片标签

（1）title：鼠标悬停的时候出现

（2）alt：图片找不到时的替换文本

（3）width和height只写一个时，二者随之变化

<img src="./imges/cat.jpg" alt="橘猫" title="一只橘猫" width="100" >

（4） ../ ：返回上一级

（5）./ ：查找同级别的

<img src="imges/cat.jpg" alt="橘猫" title="一只橘猫" width="100" >

<img src="../day01/cat.jpg" alt="橘猫" title="一只橘猫" width="100" >

6、音频标签

（1）controls 显示播放控件

（2）autoplay 自动播放（部分浏览器不支持）

（3）loop 循环播放

<audio src="../day01/audio/f900f5bd-d4d1-4a0a-b637-6c4d4de24036.mp3" controls></audio>

7、视频标签

（1）controls 显示播放控件

（2）autoplay 自动播放（部分浏览器中需要配合muted实现静音播放,才能在打开网页的时候自动播放）

（3）loop 循环播放

<video src="./video/lv_0_20230207214515.mp4" controls autoplay muted loop></video>

8、超链接标签

（1）开发初期，用#来代替需要跳转的地址，空链接

<a href="#">空链接</a>

（2）跳转到网页--href:跳转地址

<a href="http:www.baidu.com">百度一下</a>

（3）跳转到文件

<a href="./01.html">跳转到01.html</a>

（4）局部跳转：_self 默认值，在当前窗口中跳转（覆盖原网页）

（5）局部跳转：_blank 在新窗口中跳转（保留原网页）

<a href="http:www.baidu.com" target="_blank">百度一下</a>

web基础（一）--------标签相关推荐

Web基础 HTML标签六种超链接标签的使用方式
超链接标签(重点) 1.链接的语法格式: <a href="跳转目标链接" target="目标窗口的弹出方式"> 文本或图像 </a> ...
HTML基础（web到HTML标签）
HTML基础(web到HTML标签) 一.认识WEB 「网页」主要是由文字.图像和超链接等元素构成,当然除了这些元素,网页中还可以包括音频.视频以及Flash等. 「浏览器」是网页显示.运行的平台. ...
HTML第一章 (WEB基础知识、 HTML入门、HTML的语法规则、HTML常用标签汇总、图片与超链接、HBuilder的快捷键)
目录一.WEB基础知识二.HTML入门三.HTML的语法规则四.HTML标签五.图片与超链接六.HBuilder的快捷键每日一句一.WEB基础知识我们可以做什么? WEB前端大前端 ...
全栈 - 20 Web 基础网页的血肉 CSS
这是全栈数据工程师养成攻略系列教程的第二十期:20 Web基础网页的血肉CSS. HTML决定了网页中包含哪些内容,而CSS则决定了这些内容所呈现的样式. 什么是CSS CSS全拼是Cascadin ...
html标签体,HTMLCSS基础-html标签的实体
HTML&CSS基础-html标签的实体作者:尹正杰版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.HTML源代码尹正杰的网页我的博客地址:https://www.cnblog ...
# EXP8 Web基础
EXP8 Web基础基础问题回答 1.什么是表单? 表单:表单在网页中主要负责数据采集功能. 基本组成部分: 表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法. 表 ...
20145233《网络对抗》Exp8 Web基础
20145233<网络对抗>Exp8 Web基础实验问题思考什么是表单? 表单在网页中主要负责数据采集功能一个表单有三个基本组成部分: 表单标签表单域:包含了文本框.密码框.隐藏域 ...
Exp8 web基础 20154301仉鑫烨
20154301 Exp8 Web基础仉鑫烨一. 实践内容 Web前端:HTML基础 Web前端:javascipt基础 Web后端:MySQL基础 Web后端:PHP基础 SQL注入 XSS攻击 ...
java进阶 2018_Java Web基础入门2018版
步骤1: Java Web基础入门本步骤带领大家进入Java Web的世界,除了介绍JSP和Servlet以外,还会介绍开发工具IntelliJ IDEA的使用,以及什么是XML.最后会学习MVC模 ...
20155235 《网络攻防》实验八 Web基础
20155235 <网络攻防> 实验八 Web基础实验内容 Web前端HTML(0.5分) 能正常安装.启停Apache.理解HTML,理解表单,理解GET与POST方法,编写一个含有表 ...

web基础（一）--------标签

一、前言

二、正文

1、注释快捷键：ctrl+/

2、程序结构：嵌套关系、并列关系

3、标题大小：h1-h6

4、段落标签

5、图片标签

6、音频标签

7、视频标签

8、超链接标签

web基础（一）--------标签相关推荐

最新文章

热门文章