本文介绍了HTML5的基本概念，以及一个项目从产品经理制定需求到测试完成的完整流程，包括产品经理、UI设计、前端、后端和测试的角色。同时，讲解了网页界面的基本构成、常用的开发工具如VSCode及其插件，以及HTML的基本结构和语法。此外，还列举了常见的HTML标签、超链接的属性、列表类型以及一些特殊符号的使用。
1.什么是h5：html的第五代，是一类技术的总称
2.一个项目的组成：
a.产品经理：根据用户需求制作需求文档
b.ui设计：页面的切图
c.前端：实现ui设计的界面，并与后端进行交互
d.后端：实现界面相应的功能
e.测试：对这个程序进行测试，判断是否存在bug
3.一个界面的基本构成：
html（骨架）+css（样式）+js（行为）
4.开发工具的使用：
（1）vscode安装好后，需要安装chinese（转中文）；open in brow（在浏览中打开）；live serve（实时刷新）；
（2）在文件中打开文件夹，新建文件夹/文件，想要新建一个在网页可打开的文件夹，需要将文件的后缀变为.html
5.html的基本结构
<!DOCTYPE hetml>
<!--文档类型 html -->
<html>
<head>
<meta charset="utf-8">
<!--设置编码方式为utf-8（国际统一标准） -->
<title>标题</title>
<!-- 网页中的标题-->
</head>
<body>
<!--内容 -->
<body>
<html>
6.语法：
双标签：<标签名>描述性内容</标签名>
单表签：<标签名>
属性：在标签的后面，第一个尖括号里面
属性值：与属性用等号相连接
7.常用标签：
<br>换行
 ；一个space大小的空格
&emsp；一个汉字大小的空格
 半个汉字大小的空格
h1~h6 标题标签
p段落标签（自动换行，双标签，有行高）
b标签和strong标签表示加粗/i标签和em标签表示倾斜（双标签，不能实现换行）
8.超链接：
属性：
href后跟跳转的网址
title设置鼠标悬停时的提示信息
alt设置图片加载失败后的提示信息
border设置边框
9.列表：
有序列表：
<ol>
<li>111</li>
<li>111</li>
</ol>
无序列表：
<ul>
<li>222</li>
<li>222</li>
</ul>
自定义列表
<dl>
<dt>被描述的文字或图片</dt>
<dd>起到描述性的内容</dd>
</dl>
10.特殊符号 ©； 商标®；
扫一扫
9021
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
