web基础学习之(二)HTML介绍
2022/7/3 23:26:31
本文主要是介绍web基础学习之(二)HTML介绍,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
代码详解
<html> <head> <title>Document</title> </head> <body> 测试页面 </body> </html>网页中固定结构是通过HTML标签进行描述的
每一个页面都有固定的结构,如:整体、头部、标题、主体
html是整体、head是头标签、标题是title、主体是body
标签
标签的类型
标签由<、>、/、英文单词组成的,并且把标签中<>包裹起来的英文单词或者字母成为标签名
常见标签由两部分组成的,我们称为双标签,前面部分成为开始标签,后面的部分叫结束标签、两部分包裹内容
少数标签由一部分组成、我们称为单表签。自成一体,无法包裹内容。
标题标签
代码
<h1>1级标签</h1> <h2>2级标签</h2> <h3>3级标签</h3> <h4>4级标签</h4> <h5>5级标签</h5> <h6>6级标签</h6>
特点 1.文字都有加粗 2.文字都有变大、并且从h1-h6文字逐渐变小 3.独占一行
P标签段落标签
代码
<p>我是一段文字</p>
特点 1.段落之间存在间隔 2.独占一行
HTML注释
<!-- -->
background标签(背景图片)
<style> body { background:url("zz.jpeg") no-repeat center center; /*加载背景图*/ /* 背景图不平铺 */ background-size:cover; /* 让背景图基于容器大小伸缩 */ background-attachment:fixed; /* 当内容高度大于图片高度时,背景图像的位置相对于viewport固定 */ //此条属性必须设置否则可能无效/ background-color:#CCCCCC; /* 设置背景颜色,背景图加载过程中会显示背景色 */ background-image: url("/test/img/154e.png"); background-repeat: no-repeat; /*属性设置是否及如何重复背景图像*/
} </style>
Audio标签(音频标签)
<audio id="bgmMusic" src="demo.mp3" autoplay="autoplay" loop="loop" preload="auto" type="audio/mp3"></audio>
全局属性
http://www.divcss5.com/html/h57427.shtml
https://www.gxlsystem.com/qianduan-2746.html
https://www.w3school.com.cn/tags/tag_video.asp
这篇关于web基础学习之(二)HTML介绍的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-12-25前端大厂面试真题解析与实战攻略
- 2024-12-25如何准备前端面试:新手指南
- 2024-12-25前端面试题详解与实战攻略
- 2024-12-25前端面试真题详解与实战攻略
- 2024-12-252024前端大厂面试真题详解及备考指南
- 2024-12-252024前端面试必备指南:从零开始掌握前端面试技巧
- 2024-12-252024前端面试题详解与实战指南
- 2024-12-21动态面包屑教程:新手入门指南
- 2024-12-21动态主题处理教程:新手必读指南
- 2024-12-21富文本编辑器教程:新手入门指南