前端基础HTML-基础标签
前端基础HTML-基础标签
01-标题标签
<h1>1级标题</h1><h2>2级标题</h2><h3>3级标题</h3><h4>4级标题</h4><h5>5级标题</h5><h6>6级标题</h6>
02-段落标签
<body><h1>这是文章标题</h1><hr><p>阿卡贝拉(意大利:Acappella )即无伴奏合唱。 <br> 其起源可追溯至中世纪的教会音乐,当时的教会音乐只以人声清唱,并不应用乐器。音频示例: 阿卡贝拉《千与千寻》阿卡贝拉(意大利:Acappella )即无伴奏合唱。其起源可追溯至中世纪的教会音乐,当时的教会音乐只以人声清唱,并不应用乐器。音频示例: 阿卡贝拉《千与千寻》阿卡贝拉(意大利:Acappella )即无伴奏合唱。其起源可追溯至中世纪的教会音乐,当时的教会音乐只以人声清唱,并不应用乐器。音频示例: 阿卡贝拉《千与千寻》阿卡贝拉(意大利:Acappella )即无伴奏合唱。其起源可追溯至中世纪的教会音乐,当时的教会音乐只以人声清唱,并不应用乐器。音频示例: 阿卡贝拉《千与千寻》阿卡贝拉(意大利:Acappella )即无伴奏合唱。其起源可追溯至中世纪的教会音乐,当时的教会音乐只以人声清唱,并不应用乐器。音频示例: 阿卡贝拉《千与千寻》阿卡贝拉(意大利:Acappella )即无伴奏合唱。其起源可追溯至中世纪的教会音乐,当时的教会音乐只以人声清唱,并不应用乐器。音频示例: 阿卡贝拉《千与千寻》</p><p>“翻唱”是指将已经发表并由他人演唱的歌曲根据自己的风格重新演唱,包括重新填词,编曲。现在已有不少明星,都在翻唱他人的歌,不断在翻唱中突破自己,给大家带来不一样的风格。视频示例: 有一种悲伤(翻唱)-《A Kind of Sorrow》</p>
</body>
03-文本格式化标签
<b>加粗</b><strong>加粗</strong><u>下划线</u><ins>下划线</ins><i>倾斜</i><em>倾斜</em><s>删除线</s><del>删除线</del>
图片标签
<!-- alt : 替换文本, 当图片不显示的时候显示的文字 --><!-- width和height属性只需要给出一个值, 另一个等比例缩放 -- 好处就是图片不变形 --><img src="cat.gif" alt="这是一只猫" title="这是title文字, 鼠标悬停的时候显示" width="200" height="800">
07-音频标签
<audio src="./music.mp3" controls autoplay loop></audio>
视频标签
<!-- 谷歌浏览器可以让视频自动播放, 但是必须是静音状态muted --><video src="./video.mp4" controls autoplay muted loop></video>
注意点:
• 视频标签目前支持三种格式:MP4 、WebM 、Ogg
a 标签 跳转标签
<!-- href : 跳转地址 --><a href="https://www.baidu.com/" target="_blank">跳转到百度</a><br><a href="./01-标题标签.html">点我呀, 点了就去01-标题标签</a><!-- 当开发网站初期, 我们还不知道跳转地址的时候, href的值书写#(空链接) --><br><a href="#">空链接, 不知道跳到哪里去</a>
特点:
• 双标签,内部可以包裹内容
• 如果需要a标签点击之后去指定页面,需要设置a标签的href属性
链接标签的href属性
属性名:href
➢ 属性值:
点击之后跳转去哪一个网页(目标网页的路径)
• 外部链接: <a href="https://www.baidu.com/" target="_blank">跳转到百度</a>
• 内部链接: <a href="./01-标题标签.html">点我呀, 点了就去01-标题标签</a>
显示特点:
• a标签默认文字有下划线
• a标签从未点击过,默认文字显示蓝色
• a标签点击过之后,文字显示为紫色(清除浏览器历史记录可恢复蓝色)
链接标签的target属性
➢ 属性名:target
➢ 属性值:目标网页的打开形式
前端基础HTML-基础标签相关推荐
- 前端基础:html基础(css基础和JavaScript基础)/01/B/S网络结构,html文件结构,html标签格式,lt;bodygt;中的一些常用标记
前端基础:html基础(css基础和JavaScript基础)/01/B/S网络结构,html文件结构,html标签格式,<body>中的一些常用标记 html:超文本标记语言(非编程语言 ...
- 050.前端开发之HTML基础及常用标签
050.前端开发之HTML基础及常用标签 文章目录 一.前端开发介绍 (一)前端开发都有哪些内容 1.HTML是什么? 2.CSS 3.JavaScript 4.HTML.CSS和JavaScript ...
- java 前端基础知识_【计算机·知识】关于前端的计算机基础知识
原标题:[计算机·知识]关于前端的计算机基础知识 作为一个刚刚入门的程序猿,你是否对专业知识有足够的了解?今天新闻君带你走进前端的世界. 前端的语言接触起来相对于后端的语言要容易不少,但前端的语言也有 ...
- 零基础不建议学前端_web前端开发零基础怎样入门-哈尔滨前端学习
web前端开发零基础怎样入门-哈尔滨前端学习,俗话说,知己知彼,百战百胜.要想学好web前端,首先要了解什么是web前端,下面由小编来给大家介绍一下: 1什么是web? Web就是在Http协议基础之 ...
- 前端开发之基础知识-HTML(一)
1.1 html概述和基本结构 html概述 HTML是 HyperText Mark-up Language 的首字母简写,意思是超文本标记语言,超文本指的是超链接,标记指的是标签,是一种用来制作网 ...
- 前端html,css基础总结
0.1.css引入界面的方式: 内联式:通过标签的style属性,在标签上直接写样式. <div style="width:100px; height:100px; backgroun ...
- 视频教程-前端工程师零基础到就业全套课程-JavaScript
前端工程师零基础到就业全套课程 北京八维研修学院技术工程师,5年大型项目实战开发经验,3年授课经验. 孟宪杰 ¥399.00 立即订阅 扫码下载「CSDN程序员学院APP」,1000+技术好课免费看 ...
- 从零开始学前端 - 1. HTML基础知识
作者: 她不美却常驻我心 博客地址: https://blog.csdn.net/qq_39506551 微信公众号:老王的前端分享 每篇文章纯属个人经验观点,如有错误疏漏欢迎指正.转载请附带作者信息 ...
- Python进阶之前端和爬虫基础
前端和爬虫基础 一.了解前端页面源代码 1.了解前端页面源代码的构成 html全称HyperText Mackeup Language,翻译为超文本标记语言,它不是一种编程语言,是一种描述性的标记语言 ...
最新文章
- JAVA多线程之volatile 与 synchronized 的比较
- 计算机加电后操作系统启动过程
- bzoj1066 蜥蜴 (dinic)
- 计算机修改文字试题,计算机文字处理试题.doc
- 使用python脚本将XML 电子表格转变为Excel
- StreamingAssets文件夹的读取异常
- JQuery常用属性整理
- 程序设计实践——第二章
- 机器学习之数据预处理——降噪
- Avalondock 第一步 创建停靠面板
- paypal html5 支付,H5网站接入Paypal支付接口
- 各种字符集和编码详解(转)
- PSSP Based on Data Partition and Semi-Random Subspace Method 论文笔记
- opencv的色彩空间
- 使用nginx 同一端口根据不同域名转发到不同端口
- RBAC权限模型学习总结
- 第二届Stata中国用户大会暨“计量经济方法及应用研讨会”会议通知
- 图像分割经典算法--《分水岭算法》(Watershed)
- 朋友给我发了一张转账聊天记录,瞬间心都凉了,结果她竟说骗我的
- ThinkPad T400驱动安装
热门文章
- JAVA车牌信息管理系统计算机毕业设计Mybatis+系统+数据库+调试部署
- 2008年下半年 网络工程师 上下午试卷【附带答案】
- SolidWorks Electrical在电气设计中的妙用
- 333lu.vip.php,PHP实现汉字自动转全拼拼音
- 优思学院|六西格玛黑带是高级人才证吗?
- 16次抢断平赛季最高 雷霆威少:防守是立足之本
- nbtscan局域网扫描的原理
- vimtutor 中文版 - 笔记
- dnfdpl服务器维护了,魔兽世界怀旧服:“卡蛋刀”的方法你知道吗?据说当年都是这么出...
- 《魔兽世界》怀旧服简单点评和一些被问到的问题的回答