HTML5学习笔记（1）

最新推荐文章于 2023-02-14 18:25:45 发布

無事咕咕

最新推荐文章于 2023-02-14 18:25:45 发布

阅读量140

点赞数

分类专栏：日志文章标签： HTML5 新手笔记

本文链接：https://blog.csdn.net/qq_45038715/article/details/97813619

版权

日志专栏收录该内容

12 篇文章 1 订阅

订阅专栏

开发流程

1、编写网页

使用软件（sublime/vscode）编写网页。

2、本地测试

3、部署（Linux）

将本地的html网页上传至云服务器上，并且部署到apache静态服务器上。

4、网络测试

网页元素

注释

<!---->

元素

开始标签，子元素，结束标签。

<div>hello</div>

属性

1、在开始标签中可以添加属性（<div 属性名=属性值属性名=属性值>）
属性不区分大小写。

<div id="one"></div>
<div ID="one"></div>

2、核心属性
id（文档内部的唯一标识）
class类

<div class="first one">one</div>
<div class="first two">two</div>
<div class="first three">three</div>

title 描述
style 样式
3、特有属性
a标签
img标签
4、h5拓展
data—XX

结构

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	
</body>
</html>

doctype 声明部分
title 显示在浏览器选项卡
meta 用于设置元信息,配置
编辑器 UTF-8
body 网页主体

元素

1、块元素（box）
作用：作为页面框架，或者容器。是页面的主体。
特性：
（1）独占一行空间。
（2）默认宽度为100%，默认高度由子元素或者内容决定。
（3）可以为其指定宽高 style=“width:;height:;”
2、行内元素（label）
作用：点缀网页，填充内容。
（1）与其他行内元素共享一行空间。
（2）默认宽高由内容决定。
（3）不能为其指定宽和高。
（4）行内元素中不可以嵌套块元素，但块元素中可以嵌套行内元素。
3、功能元素
常见的功能元素有表单、表格。