![](https://img-blog.csdnimg.cn/2ba9246641ef45abab24f2111d0eb08f.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
HTML5入门学习笔记
零基础学习HTML5
Jine_shunhua
本人正在不断学习中,学到一个新知识点会不断补充文章,所以发布的文章偏碎片化。文章若有问题或错误,希望能指正。
展开
-
HTML5入门学习笔记——一、初识HTML5
一、初识HTML5:(一)基础:1、基本格式2、注释3、标记属性4、文档头部相关标记:5、引用外部文件标记:6、内嵌式样式标记:(二)文本控制标记:1、标题标记:2、段落标记:3、水平线标记:4、换行标记:5、文本格式化标记:6、特殊字符:(三)图像标记:1、图像标记:原创 2023-06-04 14:28:03 · 89 阅读 · 1 评论 -
HTML5入门学习笔记——六、浮动与定位
(1)不强迫其他元素在新的一行显示,他们不占有独立的区域,仅仅靠自身对应的页面元素的字体大小和图像尺寸来支撑结构,不可以设置宽、高、对其等属性,常用于控制页面中文本的样式。(2)常见的行内元素有:<strong>、<b>、<em>、<i>、<a>、<span>等,其中<span>是最典型的行内元素。inline-block:此元素将显示为行内块元素,可以对其设置宽、高和对齐等属性,但该元素不单独占一行。(2)常见的块元素:<p>、<div>、<ul>、<li>、<ol>、<h>原创 2023-06-04 14:37:47 · 438 阅读 · 1 评论 -
HTML5入门学习笔记——二、HTML5页面元素及属性
3、spellcheck属性——主要针对input元素与textarea文本输入框进行拼写和语法检查:true、false。5、class属性、id属性——定义该元素的类名、id名,其他属性可以进行定义(class可以多个,id只能一个)4、contenteditable属性——是否可编辑元素的内容:true、false。1、draggable属性——是否可拖动:true、false。2、hidden属性——是否隐藏改元素:true、false。原创 2023-06-04 14:30:37 · 315 阅读 · 1 评论 -
HTML5入门学习笔记——三、CSS3入门
font-weight——字体粗细:normal默认值、bold粗体、bolder极粗、lighter极细、数字。text-decoration——文本修饰:上下划线、删除线。text-transform——文本转换:大小写。font-family——字体:英文在中文之后。text-overflow——标示对象溢出文本。word-spacing——单词间距。@font-face——服务器字体。text-indent——首行缩进。text-shadow——阴影效果。font-size——字号大小。原创 2023-06-04 14:32:32 · 85 阅读 · 1 评论 -
HTML5入门学习笔记——五、CSS盒子模型
3、background-image:repeating-linear-gradient(渐变角度,颜色1,颜色2,……,颜色n)——重复渐变……2、background-image:radial-gradient(渐变形状 圆心位置,颜色1,颜色2,1、background-image:linear-gradient(渐变角度,颜色1,颜色2,3、background-position属性——背景图像位置(水平、竖直)2、background-repeat属性——背景图像平铺(水平、竖直)原创 2023-06-04 14:36:52 · 74 阅读 · 1 评论 -
HTML5入门学习笔记——八、多媒体技术
1、video标签——播放视频文件,支持Ogg、WebM、MPEG4。2、audio标签——播放音频文件,支持Ogg、MP3、wav。poster:当视频加载失败,链接成另一图像。3、source元素——提供多种格式的音频。autoplay:页面加载完自动播放。autoplay:页面加载完自动播放。原创 2023-06-04 14:38:11 · 121 阅读 · 1 评论 -
HTML5入门学习笔记——七、表单的应用
为默认属性,浏览器会与表单服务器建立连接,然后直接在一个传输步骤中发送所有表单数据。:建立连接后采用分段传输的方式将数据发送到服务器,地址栏中不显示提交的数据。2、method属性:用于设置表单数据提交方式,可以取值为get或post。1、action属性:用于指定接受并处理表单数据的服务器程序url地址。4、keygen元素——用于表单密钥生成器,使用户验证更为安全、可靠。3、name属性:用于指定表单名称,以区分同一个页面的多个表单。设置表单属性可以实现提交方式、自动完成、表单验证等不同功能。原创 2023-06-04 14:38:48 · 924 阅读 · 0 评论 -
HTML5入门学习笔记——四、CSS3选择器
6、:nth-of-type(n)和:nth-last-of-tpye(n)选择器:匹配特地类型的父元素的第n个/最后n个子元素。5、:nth-child(n)和:nth-last-child(n)选择器:匹配父元素的第n个/最后n个子元素。4、:first-child和:last-child选择器:匹配父元素的第一个/最后一个子元素。3、:noly-child选择器:匹配父元素的唯一子元素(该父元素只能有一个元素)}——访问后超链接的状态。7、:empty选择器:所有没有子元素或文本内容为空的所有元素。原创 2023-06-04 14:34:23 · 247 阅读 · 1 评论