首页 前端知识 前端工程师————HTML5学习

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

2024-05-06 09:05:59 前端知识 前端哥 522 593 我要收藏

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
星光不问赶路人,岁月不负有心人!
---致同行的人

转载请注明出处或者链接地址:https://www.qianduange.cn//article/7236.html
标签
评论
发布的文章

exceljs

2024-05-11 10:05:00

Java研学-JSON与AJAX

2024-05-10 22:05:37

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!