HTML基础

最新推荐文章于 2024-06-13 08:00:48 发布

a666\

最新推荐文章于 2024-06-13 08:00:48 发布

阅读量78

点赞数 3

文章标签： html 前端 java

本文链接：https://blog.csdn.net/m0_73829856/article/details/131661993

版权

html初始：

html是超文本标记语言

<!DOCTYPE html>是版本声明

utf-8是编码模式

title是标题标签

<title>html</title>

注释快捷键：ctrl+/

<!-- 注释标签 ctrl + / -->

body是页面主体

标题标签 h1 - h6 从大到小

    <h1>标题标签</h1>
    <h2>标题标签</h2>
    <h3>标题标签</h3>
    <h4>标题标签</h4>
    <h5>标题标签</h5>
    <h6>标题标签</h6>

段落标签p

<p>段落标签</p>

水平线hr

<hr>

换行标签br

<br>

div通用标签

<div>段落标签标题标签</div>

文字标签font

<font color="pink" face="楷体" size="22">字体标签</font>

粗体标签b或strong

<b>粗体标签</b> <strong>粗体标签</strong>

斜体标签i或em

<i>斜体标签</i> <em>斜体标签</em>

删除线s或del

<s>删除线</s> <del>删除线</del>

下划线u或ins

<u>下划线</u> <ins>下划线</ins>

上标sup

这是<sup>上标</sup>

下标sub

这是<sub>下标</sub>

title属性所有标签共有的属性，鼠标悬浮时，显示属性值《属性值：属性里的内容》

标记mark

<mark  title="这是一大段文字这是一大段文字这是一大段文字">mark 标记</mark>

缩写abbr

<abbr title="这是缩写标签">缩写</abbr>

span 通用行内标签

<span>通用行内标签</span>

块级标签，独占一行，可以设置宽高

行级标签内容撑开，不自动换行不可以设置宽高

图片标签：

绝对路径：c:\Users\mi\Desktop\我的\笔记pdf\第一阶段\html

相对路径：文件相对路径 ../.. ./

alt：图片加载失败时，提示图片内容

<img  src="路径" width="200" height="100" alt="">

a标签

a标签超链接 href 里面放链接路径

<a href="https://www.baidu.com">百度</a>

还能跳转项目内的页面

target: _blank:跳转新窗口

_self: 在本窗口打开

    <a href="./b.html" target="_blank">跳转b页面</a>
    <a href="./b.html" target="_top">跳转b页面</a>

音频标签

controls 控件属性

loop 循环播放

autoplay 页面打开自动播放

    <audio src="./mp3/Dancers.mp3" controls loop autoplay ></audio>
    <video src="./mp3/周深 - 大鱼.mp4" controls loop autoplay width="800" height="400"></video>

a666\

关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
HTML基础

绝对路径：c:\Users\mi\Desktop\我的\笔记pdf\第一阶段\html。相对路径：文件相对路径 ../.. ./DOCTYPE html>是版本声明。target: _blank:跳转新窗口。_self: 在本窗口打开。alt：图片加载失败时，提示图片内容。标题标签 h1 - h6 从大到小。html是超文本标记语言。粗体标签b或strong。a标签超链接 href 里面放链接路径。span 通用行内标签。utf-8是编码模式。title是标题标签。还能跳转项目内的页面。
复制链接

扫一扫