共计 1166 个字符,预计需要花费 3 分钟才能阅读完成。
- HTML 页面固定构造
-
<html>: 根标签
<head> (head 标签内容是给搜索引擎和浏览器看的) <title></title> </head> <body> </body> (body 标签里的内容是给用户看的) </html>
- ctrl=s : 保留快捷键
- ctrl+c ctrl+v : 复制一行快捷键
ctrl+x 剪切
在 vscode 中, 正文是给程序员看的 正文的快捷键:ctrl+/ - 题目标签
从 h1~h6 文字加粗 高低有一行空白行 h1 只能用一次 h2~h6 能应用无数次
<h1> 一级题目 </h1>
<h2> 二级题目 </h2>
<h3> 三级题目 </h3>
<h4> 四级题目 </h4>
<h5> 五级题目 </h5>
<h6> 六级标签 </h6>
标签的组成:< 开始标签 > 包裹的内容 </ 完结标签 >
常见标签分为两局部: 单标签 双标签
HTML 标签与标签的关系可分为:
父子关系(嵌套关系)
兄弟关系(并列关系)
HTML 标签学习:
题目标签:<h1`6></h1~6> - 段落标签:<p></p> (双标签, 单占一行, 段落之间用)
- 水平线标签: (单标签 水平线 另起一行)
-
图片标签 <img src=”” alt=””>
src 和 alt 是图片的标签的属性, 属性是标签的特点, 值是特点的范畴 (水平) 属性 =” 值 ”
src 图片的地位(门路)
alt 替换文本 图片出错(不显示) 的时候, 显示的文字
title 提醒文本 鼠标(悬停) 放到图片上显示的文字
width 宽
height 高
留神! : 图片只更改宽或高, 图片等比例缩放-
换行标签:
<br> 单标签
文本格式化标签
<strong></strong> 加粗 <b></b> <em></em> 歪斜 <i></i> <ins></ins> 下划线 <u></u> <del></del> 删除线 <s></s>
-
- 音频标签 <audio src=”” alt=””>
src 音频的门路
autoplay 自动播放(局部浏览器不反对)
controls 播放控件
loop 循环播放 -
视频标签 <video src=”” alt=””>
src : 视频的门路 autoplay (自动播放一些浏览器禁止播放) 想在 chrome 浏览器自动播放 , 配合 muted(静音)实现自动播放 controls 播放控件 loop 循环播放 muted 静音
-
超链接标签
<a href="链接地址"> 文本或图片 <a/>
href 跳转的指标 (门路) 内部链接
外部链接 target 打开方式
target=”self” 默认值 (缺省值) 以后窗口关上(原页面敞开)
target=”_blank” 新窗口关上(原页面不敞开)
href =”#” 空链接, 不晓得连贯到哪里去门路的介绍: 门路分为两种 相对路径和绝对路径
相对路径:
同级目录 输出 ”./”
下一级目录 输出 ”./ /”
上一级目录 输出 ”../”绝对路径:指的是目录下的相对地位,可间接达到指标地位,通常以盘符开始的门路 , 能够是本地电脑中的绝对路径, 也能够是互联网上的绝对路径.
正文完