前端---HTML-CSDN博客

本文链接：https://blog.csdn.net/zzjzed/article/details/132025350

HTML常用标签

HTML

HTML

1、什么是html
（1）、 HTML是一种超文本标记语言，“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素
（2）、HTML不是一种编程语言是标记语言
（3）、HTML5是HTML的最新版本
(4)、写代码时要用尖括号写里面是英文
2、HTML 基本结构

!DOCTYPE html>(版本声明)
<html> 结构最外层
<head> 结构头部
meta charset=“utf-8”> 编码方式
<title>百度一下</title**>
</head>
<body> 结构身体部
网页内容
</body>
</html>

基本标签

#显示框logo

<link>rel="icon"href="img/favicon.ico"type=“image/x-icon”/>

加粗：<b> </b>      strong:情感
倾斜：<i >   < /i> 
删除线：<del>      </del>    
HTML 标题（Heading）是通过<h1> --< h6> 标签来定义的。
下划线：<ins>< /ins>
上标：<sup></sup?
下标：<sub></sub>
缩写：<abbr title="" >< /abber>
标记：<mark></mark>
文本:  <span></span>
换行：<br />
段落标签：<p></p>
字体标签：<font></font>

常用标签

1、img：

属性：
src 引入图片地址
alt 替换文本
title 提示信息
width宽
height高

2、连接标签
a href=“url”> /a>

属性： href 地址、
target 目标位置
target 属性值：
_blank:新窗口打开
new：新窗口打开
_top:顶级窗口打开

3、路径
相对路径：相对于某一个文件进行引入的，那么就相当于是兄弟关系，如果是在文件的内部引中那么就是子文件
绝对路径：就是从盘符开始，是文件的真正的一个所在位置Window 对斜线进行了处理，所以/和都能够引入成功，但是网络地址只能写斜线

4、<a> 标签的作用

1）打开外部文件
<a href=“http://www.baidu.com”>百度一下**</a**>
2）打开内部文件
<a href=“test1.html”>test1 文件**</a** >
3）打开一张图片
<a href=“images/tulips.jpg”>打开一张图片**</a**>
4）书写简单的 javascript
< a href="javascript:alert('这是一个弹框！')">提示框**</a**>

5）锚点

(1)、创建锚点
<a name=“top”></a>
< a id=“top2”></a>
（2）、引用锚点
<a href=‘#top’>返回顶部/<a>

#滚动标签
4）滚动标签
<marquee>滚动字幕**</marquee**>

属性： direction：方向（left、right） behavior：滚动方式（scroll、slide、 alternate）
scrollamount：速度，值是正数默认为 6 scrolldelay：时间，值是正数默认为 0。单位毫秒
οnmοuseοver=“stop()” ：鼠标悬浮停止移动 οnmοuseοut=“start()”：鼠标离开开始移动

5）水平线
<hr />

属性： width:长度（px|%）、 align：水平位置(left 左、center 中、right 右） color：线的颜色、
size：粗细（px）

#div块标签
格式：<div>< /div>
div 标签可以用来划分 HTML 结构，从而配合 CSS 来整体控制某一块的样式。
div 标签是块级元素，它可用做组合其它 HTML 元素的容器。
div 标签可以用作严格的组织工具，如果用 id 或 class 来标记 div 标签，则 div 标签的作用会更加完美。
display：决定了标签的块级或行级特点
块级标签：display:inline 会自动换行，设置宽高 p divh1-h6 ；
行级标签: display:block 不会自动换行 ,不能设置宽高，他的宽高是自身大小 span b i mark
行内块标签:display:inline-block;不会自动换行，可以设置宽高·img video

HTML媒体

我们可以使用 <video> 和 <audio> 标签来显示视频和音频
多媒体格式
格式多媒体元素（比如视频和音频）存储于媒体文件中。确定媒体类型的最常用的方法是查看文件扩展名。当浏览器得到文件扩展名 .htm 或 .html 时，它会假定该文件是 HTML 页面。.xml 扩展名指示 XML 文件，而 .css 扩展名指示样式表。图片格式则通过 .gif 或 .jpg 来识别。

音频：<audiosrc=“” controls></audi>
视频**<videossrc=“” controls></videos**>