HTML5–基础标签篇
声明标签
作用是告诉浏览器使用哪种HTML版本后—显示网页。
<!DOCTYPE>
如:
<!DOCTYPE html>
标题标签
呈现了六个不同的级别的标题,<h1>
级别最高,而 <h6>
级别最低
<h1>---<h1>
.....
<h6>---<h6>
段落标签
其作用可以将文档分割为若干段落。
<p>一段</p>
文本格式标签
标签 | 格式 |
---|---|
加粗 | <strong></strong>或<b><b> |
倾斜 | <em></em>或<i><i> |
删除线 | <del></del>或<s><s> |
下划线 | <ins></ins>或<u><u> |
图像标签
标签用于在 HTML 页面中嵌入图像。
原理是创建了一个容器,引用图像,将图像链接到了网页。
例:
< img src="D:\Typora\图像url" />
两个必需的属性
src-它用于指定图像文件的路径和文件名。
alt - 如果由于某种原因无法显示图像,则指定图像的替代文本
标签 | 格式 | 作用 |
---|---|---|
alt | 文本 | 替换文本 |
title | 文本 | 提示文本 |
width | 像素 | 设置图像宽度 |
height | 像素 | 设置图像高度 |
border | 像素 | 设置图像的边框粗细 |
路径标签
相对路径:相对该页面
路径 | 格式 |
---|---|
上 | …/ |
下 | / |
绝对路径:绝对位置
1 | 2 |
---|---|
D:WEB\img\123.html | http://ww.XXX.com/123.html |
超链接标签
用于从本页面链接到另一页。可以是一个字,一个词,或者一组词,也可以是一幅图。
<a>
格式:
<a helf="跳转目标" target="弹出方式">文字或图像 </a>
标签 | |
---|---|
href | 必须属性-URL地址 |
targrt | _self:默认值,_blank:在新窗口打开 |
元素标签
<a href="xxxx">< img ser="ing.jpg" /></a>
锚点标签
连接:
<a href="#123">123 </a>
目标:
<h3 id="123">123介绍 </h3>
注释
以<!--
开头,以-->
结束————快捷键:ctrl+/
基础篇结束–感谢观看!!!!!-----(o゚v゚)ノ💕💕💕
本人学习心得总结—仅学习使用
文章链接:https://www.loker.ltd/index.php/2024/01/22/21.html