前端HTML基础

最新推荐文章于 2024-09-11 22:31:16 发布

aaa329512

最新推荐文章于 2024-09-11 22:31:16 发布

阅读量36

点赞数

文章标签：前端 html

本文链接：https://blog.csdn.net/aaa329512/article/details/132027268

版权

HTML基础

HTML简介
- HTML5文档的基本格式`
- 基础标签
常用标签
HTML媒体

HTML简介

HTML 指的是超文本标记语言: HyperText Markup Language
HTML 不是一种编程语言，而是一种标记语言
HTML5 是 HTML 的最新版本
HTML 使用标记标签来描述网页
HTML 文档包含了HTML 标签及文本内容
HTML文档也叫做 web 页面

HTML5文档的基本格式`

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

基础标签


加粗： <b></b> <strong></strong>
倾斜： <i></i> <em></em>
删除线: <del></del>
下划线: <ins></ins>
上标: <sup></sup>
下标： <sub></sub>
缩写： <abbr title=""></abbr>
标记： <mark></mark>
文本： <span></span>
标题： <h*>标题标签</h*> h1-h6:从大到小的标题标签
换行: <br />
字体标签： <font></font>
段落标签： <p></p>

常用标签

路径

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

图片标签

属性：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ZONGXP</title>
</head>
<body>
 
<img src="zongxp.jpg" width="640" height="640" />
 
</body>
</html>

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

链接标签

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ZONGXP</title>
</head>
<body>
 
<a href="https://blog.csdn.net/zong596568821xp">这是一个链接使用了 href 属性</a>
 
</body>
</html>

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

标签的作用

 <a href="http://www.baidu.com"target="_blank">百度一下</a><br>
    <a href="C:\Users\Lenovo\Desktop\html\Day1\Test1\R-C.jpg">打开照片</a><br>
    <a href="./class2.html">打开另一个页面</a><br>
    <a href="javascript:alert('姿势不正确！')">提示框</a><br>

滚动标签

<marquee>滚动字幕</marquee>
属性：
direction：方向（left、right）
behavior：滚动方式（scroll、slide、 alternate）
scrollamount：速度，值是正数默认为 6
scrolldelay：时间，值是正数默认为 0。单位毫秒
οnmοuseοver="stop()" ：鼠标悬浮停止移

水平线

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

HTML媒体

 <audio src="C:\Users\Lenovo\Desktop\html\Day1\Test1\王悦辰 - 精卫.mp3" controls></audio><br>
    <video src="C:\Users\Lenovo\Desktop\html\Day1\Test1\WeChat_20230731170118.mp4" controls width="800px" height="500px"></video><br>

在这里插入图片描述

aaa329512

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
前端HTML基础

HTML 指的是超文本标记语言: HyperText Markup LanguageHTML 不是一种编程语言，而是一种标记语言HTML5 是 HTML 的最新版本HTML 使用标记标签来描述网页HTML 文档包含了HTML 标签及文本内容HTML文档也叫做 web 页面。
复制链接

扫一扫