HTML5(day2)

最新推荐文章于 2024-09-29 15:22:42 发布

煎饼狗子ing

最新推荐文章于 2024-09-29 15:22:42 发布

阅读量78

点赞数

文章标签： web html5

本文链接：https://blog.csdn.net/zy123r/article/details/119331729

版权

HTML: 超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。

HTML5:HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定HTML5的设计目的是为了在移动设备上支持多媒体。HTML5 简单易学。

HTML5 是下一代 HTML 标准。

HTML , HTML 4.01的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。

HTML Html开发需要的环境仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。

Html开发需要的环境：vi、vim、记事本、VS Code、 Sublime

浏览器：
Chrome\Firefox有比较强大的代码调试工具作用：
1. 用于读取html文件，并将其作为网页显示
2. 用于调试代码
Httpd服务器
部署写好的html页面，来让用户访问
云服务器-安装-Apache-部署
Browser/Server
用户只需要安装一款主流浏览器，即可访问很多的服务
用户-电脑+手机-浏览器-网页-Server-数据库服务器

HTTP协议： 超文本传输协议
URL：统一资源定位符

HTML文档
HTML5的文档类型 <!DOCTYPE html>
<html></html>:HTML的根元素用来包含HTML文档的所有元素

<head></head>:包含在head里的内容，不会显示在网页上，这里面通常放的一些配置信息，包含编码，作者，页面描述信息还有js、css的导入
编码方式 title
<body></body>:是html文档的内容区

下面是一个简单的HTML5文档：

HTML元素&标签
1. 标签和元素通常意思相同，但是严格来讲，一个元素通常又是由两个标签组成

2. HTML标签：一般成对出现、大小写不敏感、但是H4推荐使用小写

3.HTML标签部分可以嵌套使用

块级元素
独占一行空间
用来布局段落、列表、导航菜单等

行内元素
与其它行内元素共享一行空间
一般就是作为段落的一部分

空元素（单标签）
没有内容的元素
空元素是在开始标签中结束的

替代元素(替换元素)
把文件引入文档，并且用自身的位置来替换
img
video
audio

HTML属性
元素的属性一般在开始标签里
属性由键值对组成
<div id="myDiv" class="myDivClass"></div>
核心属性
id：唯一标识
class：表示当前元素是某一类的元素
style：规定元素的行内样式
title：描述元素的信息（光标悬浮时会显示）

HTML语法
1. 在html文档中不论由多少个空格都会解析为一个
2. 实体
1. 空格  
2. < <
3. > >
4. " "
5. ' '
6. & &

注释

注释的作用：一定要多写注释，方便之后自己或同事查看你的代码

文本格式化-CSS
strong
b
em
i
u
sub
sup
列表
1.有序列表 ol > li
序号默认从1开始可用通过 start属性改变起始值
<ol start="3">
reversed (单值属性) 规定列表顺序为降序
type="1" 默认 1 还有 A a I i 四种值