前端工程师————HTML5学习

HTML5 基础

开发工具很多，其中 Hbulider 较好用，下载网址如下：

DCloud – HBuilder、HBuilderX、uni-app、uniapp、5+、5plus、mui、wap2app、流应用、HTML5、小程序开发、跨平台 App、多端框架

html 表示整个页面
head 表示搜素框
body 表示内容
title 表示标题
html 文档的后缀必须是.html 或.htm
利用 vs code 网页开发
1. 打开网页
2. 新建文件（ctrl+N）
3. 保存，注意要保存为.html
4. 生成页面骨架结构
输入！，按下 tab 键
5. 单击鼠标右键，再点击“Open in Default Browser”

HTML5 基本格式

段落标签：

通常 HTML 标签分为两大类：分为单标签和多标签

HTML 注释标签

HTML5 头部相关标签：

其中有光 link 的书写格式：

标题标签的格式和语法，同时段落标签也可以用

水平线的语法：

文本格式化标记类型：
 

常用图像格式：
gif: 最突出的地方就是它支持动画，也支持透明。
png: 体积较小，但不支持动画。
jpg: 能显示的颜色比其他两种多，但是每修改一次图片都会造成数据的丢失。

图像标签：

图像标记的属性：
alt: 当图像无法显示是，会由 ali 替换内容。
width,height: 用来定义图片的高度和宽度。
border: 为图像添加边框，设置边框的宽度。
vspace: 调整图像的垂直边距。
hspace: 调整图像的水平边距。
align: 图像的对齐属性。
title: 可以设置鼠标在图形上悬停时提示的文字。

创建超链接

href: 用于指定链接目标的 url 地址
target: 用于指定链接页面的打开方式，_self 为默认值，表示在原窗口打开，_blank 表示在新窗口打开。
锚点链接
 

列表元素
无序列表

有序列表
 

无序列表 —- 表格

结构元素

nav 元素

section: 用于内容的分块。
aside: 可以用于侧边栏的应用。
figure 和 figcaption 元素
 

页面交互元素:detail 和 summary 元素

页面交互元素：progress 元素 常用属性：
value: 已经完成的工作量。
max: 总共有多少工作量。

页面交互元素 meter 元素
 

文本层次语义元素：
mark 元素: 可以将文字用颜色显示出来.
cite 元素: 被标记的文字将以斜体的样式显示.
 

全局属性
draggable 属性：用来定义元素是否可以拖动，默认值为 false，表示不能拖动，为 true 时表示可以拖动。
hidden 属性：表示元素是否隐藏，默认会显示。
spellcheck 属性：主要针对 input 元素和 textarea 文本输入框，对用户水乳的文字内容进行拼写和语法检查，为 true 时检测输入框中的值，反之不测。
contenteditable 属性：规定是否可以编辑元素的内容，为 true 时可以编辑，为 false 表示不可以编辑。
 

表单元素
表单元素（表单控件）
input（输入表单元素 0
select(下拉表单元素）
textarea(文本域元素）但用户输入内容较多时，可以使用文本域

[「今でもあなたは私の光。」❤️如今你依旧是我的光。
版权声明：本文为博主「南栀北夏」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：http://www.jinghan.site
星光不问赶路人，岁月不负有心人！
— 致同行的人