HTML 5 基础知识 ( 1 )

LWT20070526

已于 2023-02-08 13:55:02 修改

阅读量39

点赞数

分类专栏： html 文章标签：前端 html

于 2023-02-07 19:43:48 首次发布

本文链接：https://blog.csdn.net/LWT20070526/article/details/128921164

版权

html 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

HTML5概述

html的发展史：html 1.0——html 2.0——html 3.2——html 4.0——html4.0.1——xhtml1.0——xhtml1.1——xhtml2.0——html5.0
W3C标准由结构、表现和行为三部分组成

一.HTML5的全称

1.HTML5 (Hyper Text Markup Language) 超文本标记语言

二.HTML5的优势

1.解决了跨浏览器问题
2.新增特性
3.化繁为简优势

了解HTML5

一.HTML5的基本结构

<!DOCTYPE html>
<html lang="en">
<head>
<title>网页标题</title>
</head>
<body>
   网页内容
</body>
</html>

二. HTML5的基本标签

1.网页标签
<title>网页标题</title>
2.段落标签
<p>段落...</p>
3.换行标签
<br/>
4.水平线标签
<hr/>
5.字体样式标签
<strong>加粗字体</strong>
<em>字体斜杠</em>
6.注释
<!--注释-->
7.字符实体
空格 &nbsp;
大于号（>）&ge;
小于号（<）&lt;
引号（"）&quot;
版权符号 &copy;

三.图像标签

语法：<img src="图像地址" width="" height="" alt="" title=""/>

属性：
width 定于图像的宽度
height 定义图像的高度
alt 图像不能显示时的替代显示的文字
title 鼠标悬停时显示的文字

1.JPG格式是一种使用有损压缩方法保存的图像格式
2.PNG格式是一种无损压缩的位图片形格式(抠图后的样子)
3.GLF格式是一种动态图片
3.BMP格式是一种无损压缩的位图片形格式

四.超链接标签

1.语法：
<a href="链接地址 target=目标窗口位置">文字或图片</a>
target=-self（为默认值表示在自身的窗口打开）
target=-blank（表示在新的窗口打开）

2.锚点链接

<a href="#id名">链接文本</a>

其中 #id名用来指定链接目标的id名称再跳转到该页面
锚点id属性在href中设置id属性
四种href地址：
1.绝对路径：是指目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径。（不可在服务中使用）例如：‪C:\Users\林伟填\Pictures\表弟.webp
2.相对路径：相对路径就是指由这个文件所在的路径引起的跟其它文件（或文件夹）的路径关系。
3.服务路径：服务器发布服务使用的URI/URL，服务器上存储某个文件的文件路径，使用的管道，或者是消息通讯的路由都可以被业余的人称之为“服务器路径”。
4.网络路径：http://www.51rich.net/web/001/logo.jpg