一天的学习内容——HTML5基础知识整理
一、HTML5简介：是HTML的第五个版本，是一门技术的总称；
二、所有的人机交互页面都可以通过HTML5来实现；
三、一个项目的组成：
1、产品经理（根据用户需求，制作需求文档）
2、ui设计（页面的切图）
3、前端（实现ui设计图的界面，与后端的交互）
4、后端（实现相对应的功能：登录）
5、测试（测试程序是否存在bug）
四、一个完整的网页需要三个部分组成：HTML（骨架）+css（样式）+js（行为）
五、关于开发工具的使用，vscode的安装；vscode的使用（安装插件：Chinese（转为中文形式）open in brow（在浏览器中打开）live serve（实时刷新））；如何打开文件（文件=>打开文件夹）；如何新建文件夹/文件；如何新建一个让网页打开的文件（文件的后缀名为html）；
六、HTML的基本架构
<!--
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
设置编码方式为utf-8（国际统一标准）
<title>Document（网页的标题）</title>
</head>
<body>
网页中显示的内容
</body>
</html>
-->
七、语法：标签：
双标签：<标签名>描述的内容</标签名>
单标签<标签名>
属性：在标签后面，第一个尖括号里
属性值：与属性用等号连接
八、常用的标签：
换行：<br>break的缩写
空格： (一个space键的大小)；补充的两个： (一个汉汉字大小的空格) &ensp(半个汉字大小的空格)
标题标签：h1~h6 特点：从h1到h6逐渐减小，自动换行，有行高，是双标签。
段落标签：p 特点：自动换行，双标签，有行高
文本格式化标签：加粗/倾斜 b, strong/i, em 特点：双标签，不能实现换行
九、超链接 a
属性：href 跟链接跳转的网址
title：鼠标悬停时的提示信息
target ：设置网页的打开方式 _self（在当页面打开）_blank（在新的页面中打开）
base标签：语法：<base target="设置的打开方式">注意这个是要在head内设置
十、图片 img
语法：<img src="图片的路径">
属性：src图片的路径【1、相对路径：
（1）图片和html文件在同一个文件夹中时（直接用图片的名称即可）
（2）图片位于html文件的下一级或多级文件时，去除掉路径的相同部分，然后保留图片不同的部分，最后加上图片的名称
（3）图片位于html文件的上一级或多级文件时，../找到上一级，知道用../找到与图片的上级文件位于同一级文件夹时，去除掉路径的相同部分，然后保留图片不同的部分，最后加上图片的名字
2、绝对路径】
width 设置宽度
height 设置高度
title 设置鼠标悬停时提示的信息
alt 设置图片走丢后的提示信息
border 设置边框
十一、图片超链接
嵌套标签的使用 注意标签的位置
十二、列表
1、有序列表
语法：
<ol>
<li></li>
<li></li>
<li></li>
</ol>
应用场景：新闻列表
2、无序列表
<ul>
<li></li>
<li></li>
<li></li>
</ul>
应用场景：新闻列表
自定义列表
<dl>
<dt>被描述的文字或图片</dt>
<dd>起到描述性的内容</dd>
</dl>
十三、特殊符号：©版权 ®商标
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
