走进HTML5

crh520857

已于 2023-02-08 14:02:29 修改

阅读量56

点赞数

分类专栏： html 文章标签： html5 dreamweaver html

于 2023-02-08 08:22:53 首次发布

本文链接：https://blog.csdn.net/m0_73552378/article/details/128920912

版权

html 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

1.1 HTML5概述

HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言，而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页

1.HTML5

解决了跨浏览器问题
新增特性

html5的新特性：1、用于绘画的canvas元素；2、用于媒介回放的video和audio元素；3、对本地离线存储的更好的支持；4、新的特殊内容元素，比如article、header、nav等；5、新的表单控件，比如date、time等。本教程操作环境：windows7系统、HTML5版、Dell G3电脑。

化繁为简优势

2 网页开发工具

Dreamweaver,UltraEdit,Sublime,WebStorm,VSCode等。

3HTML5文件的基本结构

（1）文件类型声明

<html>标签对
<head>标签对
<bodyl>标签对

4网页的基本标签

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

5HTML5 基本标签

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

6图形标签

在这里插入图片描述

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

超链接标签

1.语法:
< a href=" >"文字或图片"</ a>
target=-self (为默认值表示在自身的窗打开)
target=-blank (表示在新的窗门打)

2.锚点链接
< a href=""#id名>链接文本</ a>
其中 #id名用来指定链接目标的id名称再跳转到该页面

4种路径：
网络路径：任何情况都可以使用，但是要确保网络图片正常可用
例如：https://ts1.cn.mm.bing.net/th/id/R-C.6046903a6976709bd9c616fc320b3bed?rik=4fOdb4XP6Lf%2fCA&riu=http%3a%2f%2fwx3.sinaimg.cn%2flarge%2f006ARE9vgy1fxrbinskjog306o06oqo5.gif&ehk=ByZv4zvy1KDvK9dJ0A0DwnZCHZ%2fDiIEXnBOxNYT8IaI%3d&risl=&pid=ImgRaw&r=0"

绝对路径：绝对路径是指目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径。例如：D:\888.jpeg

相对路径：相对路径是指由这个文件所在的路径引起的与其他文件的路径关系。例如："/1/111.gif "

服务路径：服务器发布服务使用的URI/URL，服务器上存储某个文件的文件路径，使用的管道，或者是消息通讯的路由都可以被业余的人称之为“服务器路径”。例如：“./1/111.gif”

#号在herf里代表：href在是CSS代码的一种意思是指定超链接目标的URL。在HTML和JSP页面代码里的作用是标签，其作用是插入一个超链接，“#”是默认当前页面，可以把#换成想跳转的页面。

行内元素和块级元素的定义？

行内元素：它们的宽度由自身内容决定，其他标签可以排在后面，这样的标签被称为含内元素。
块级元素：标签无论自身内容多少，都会独占一行，这样的标签被称为块级元素。

crh520857

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
走进HTML5

HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (Hyper Text Markup Language)HTML 不是一种编程语言，而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页简介HTML的英文全称是 Hyper Text Marked Language，中文意思为超文本标记语言。
复制链接

扫一扫