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介绍的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程