首页 > 学术百科

HTML5CSS3知识点总结(一)

HTML5CSS3知识点总结（⼀）

DAY01-HTML基础

意志亡灵⼀、理论

贫铀弹是什么1.什么是HTML？（Hyper Text Markup Language）

a.是HTML的第五个版本

b.是⼀门技术的总称

2.HTML5能做什么？

⽹页开发、⼩程序、、⼩游戏、移动端开发：混合开发/原⽣开发、后端相关的：node.js

3.项⽬开发流程：

产品经理提出需求（原型图，需求⽂档prd）→UI设计师（效果图，标注图）→前端开发→后端开发（接⼝⽂档）→测试以上完成之后，需要把本地的相关代码上传到服务器上

4.标准⽹页的组成部分：

HTML：内容，包括图⽚⽂字，输⼊框，视频,⾳频等，属于⽹页的底层结构，依赖HTML代码，W3C制定了结构HTML的语法、标准

CSS：进⾏⽹页修饰，W3C制定了结构CSS的语法、标准

JavaScript:⾏为，ECMA机构指定语法和规则

5.HTML5的语法：注释：ctrl+/

常规标记、双标记 <；标记属性=“属性值” 属性=“属性值”>⽂字内容</标记>

空标记、单标记 <；标记属性=“属性值” 属性=“属性值” />

⼆、实操

1.<！DOCTYPE html>声明⽂档类型

2.<html></html>⽹页中的根元素

<head></head>头部内容：<meta charset="utf-8"s声明编码格式为utf-8【国际统⼀标准】 < title>：⽹页标题 link 引⼊在头部<body></body>主体内容（页⾯显⽰的内容）

1<!DOCTYPE html>

2<html lang="en">

启东地震3<head>连云港桥头堡

4 <meta charset="UTF-8">

5 <meta http-equiv="X-UA-Compatible" content="IE=edge">

彭清泉6 <meta name="viewport" content="width=device-width, initial-scale=1.0">

7 <title>Document</title>

8</head>

9<body>

11</body>

12</html>

3. html常⽤标签

单标签：<base target=" "> <meta> < br> <hr width/color> <img src=“地址路径” width/height/alt="⽂件⾛失提⽰信息" title>......

双标签：<html></html> 、 <head></head>、 <body></body>、标题标签<h1></h1>~<h6></h6>、

段落标签<p></p>、加粗<b></b> <strong>强调作⽤</strong>、倾斜<i></i> <em>强调作⽤</em>、下划线<u></u>、删除线<del> </del> <s></s>、上标<sup></sup>、下标<sub></sub>、居中<center></center>、超链接<a href=“地址”title=“⿏标悬停提⽰信息” target=“新界⾯打开⽅式-blank、-self”></a>【锚点定位 href=“#想要跳转位置的id属性值”图⽚超链接内容换成图⽚】

div标签，没有具体含义，⽤来划分页⾯的区域，类似⽣活中看到的警戒线、 <span>标签没有具体含义......

格】；【⼀个space建⼤⼩空格】

本文发布于:2024-09-20 23:30:30，感谢您对本站的认可！

本文链接：https://www.17tex.com/xueshu/715830.html

上一篇：js取不重复的随机数(实例)

下一篇：弹出登录框(可直接修改样式使用)