w3c之HTML5实战标签属性

2024-02-14 12:59

本文主要是介绍w3c之HTML5实战标签属性,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

**

w3cschool通关之H5实战

**
在这里插入图片描述

2018年9月我刚毕业进入大学,对计算机方面的了解仅仅停留在安装和卸载软件,就这样一个对计算机白中白的傻孩子填报了计算机专业,幻想着有一天也能成为令别人羡慕的黑kuo,大学入学第一件事就是加入计算机协会做一些渗透的题,我发现自己的确不是往网络安全方面发展的料子,就转战跟着老师学Java,中途跟了跟全国电子设计大赛的队伍,发现有点应付不过来,最终放弃了电赛选择了Java。我们学校大一下半年开C语言课程,大二上半年开Java课程,我几乎是比别人提前一年接触到Java,这也为以后做软件开发铺了路。
在这里插入图片描述

2019年《亲爱的,热爱的》ctf类电视剧热播,虽然这部剧可能对ctf有些误解,但的确吸引了一大波学弟学妹的到来,这也为大二老学长找到今后的女朋友奠定了铺垫,打心眼儿里还是挺感谢这部剧的,在此感谢K&K和SP战队哈哈哈。2018到2019这一年时间里,跟着Java老师培训的人从最初的二百多人变成了六个人,坚持可能真的挺重要的吧,一年的时间能改变一个人的一生。2019年的暑假没有回家,留校跟着老师做项目,两个校区来回跑,但真的学到了很多东西,H5就是这个时候开始接触的,累并快乐着。
在这里插入图片描述

2020年6月老师说让大家准备准备,疫情不是特别严重了,老师打算让去他的公司实习,7月12日到了公司开始实习,期间花了一天多一点点的时间又刷完w3c里面JavaScript的所有题,就开始着手写csdn的第一篇文章,想着第一篇文章写得H5,浏览的访客肯定是这个领域的新人学弟学妹,就多聊了几句自己两年的生活,相信我的坚持肯定也能让新人看到希望,有的时候一件事一句话真的能改变人的一生,假如当初我没有坚持跟着Java走培训,我现在应该也是个浑浑噩噩的人吧。
好了不多说了,上班期间摸鱼,顺便写篇文章,整理一下H5的答案,虽然说比较简单,但对新人来说也不错,还敬各位请批评指正。
w3cschool通关之H5实战
在这里插入图片描述
在这里插入图片描述

开始学习HTML标签
在这里插入图片描述

HTML 学习h2标签
在这里插入图片描述

HTML 学习p标签
在这里插入图片描述

删除HTML的注释
在这里插入图片描述

HTML注释语句学习
在这里插入图片描述

HTML用占位符文本填补空白
在这里插入图片描述

删除HTML标签
在这里插入图片描述

HTML 更换文本的颜色
在这里插入图片描述

使用CSS选择器定义标签
在这里插入图片描述

使用一个CSS Class去给标签定义Style
在这里插入图片描述

HTML 为多个元素使用CSS类定义样式
在这里插入图片描述

HTML 设置标签的字体大小
在这里插入图片描述

HTML 设置标签的字体样式
在这里插入图片描述

引入Google字体
在这里插入图片描述

HTML 处理多个字体降级
在这里插入图片描述

HTML 给页面添加图片
在这里插入图片描述

HTML 调整网页里图片大小
在这里插入图片描述

HTML 给标签增加边框
在这里插入图片描述

HTML 给标签增加圆角边框
在这里插入图片描述

HTML 给图像设置圆角边框
在这里插入图片描述

HTML 设置链接锚元素外部页面
在这里插入图片描述

HTML 在p标签内设置锚链接
在这里插入图片描述

HTML 使用#符号设置固定链接
在这里插入图片描述

HTML 为图片设置超链接
在这里插入图片描述

HTML 为图片添加alt描述
在这里插入图片描述

HTML 创建项目符号无序列表
在这里插入图片描述

HTML 创建有序列表
在这里插入图片描述

HTML 创建文本输入框
在这里插入图片描述

HTML 为文本输入框设定预定值
在这里插入图片描述

HTML 添加表单
在这里插入图片描述

HTML 为表单添加提交按钮
在这里插入图片描述

HTML 使用HTML5技术把表单设置为必填
在这里插入图片描述

HTML 添加单选框
在这里插入图片描述

HTML 添加复选框
在这里插入图片描述

HTML 使用checked属性设置复选框和单选框默认被选中
在这里插入图片描述

HTML 在div元素中嵌套多个元素
在这里插入图片描述

HTML 为div元素设置背景颜色
在这里插入图片描述

HTML 为标签添加ID属性
在这里插入图片描述

HTML 使用ID属性设置标签样式
在这里插入图片描述

HTML 使用padding布局页面标签
在这里插入图片描述

HTML 使用margin布局页面标签
在这里插入图片描述

HTML 使用负值设置页面元素的margin属性
在这里插入图片描述

HTML 为不同方向padding设置不同的值
在这里插入图片描述

HTML 为不同方向margin设置不同的值
在这里插入图片描述

HTML CSS中padding简写
在这里插入图片描述

HTML CSS中margin简写
在这里插入图片描述

CSS 样式的继承
在这里插入图片描述

CSS 继承Body元素样式
在这里插入图片描述

CSS 样式的覆盖

在这里插入图片描述
CSS 多个class处理样式覆盖
在这里插入图片描述

CSS 通过ID的样式属性覆盖class类的声明
在这里插入图片描述

CSS 通过内联样式覆盖class类的声明
在这里插入图片描述

CSS 通过使用Important覆盖所有其他样式
在这里插入图片描述

CSS 通过使用十六进制代码设置特定的颜色
在这里插入图片描述

CSS 十六进制白色表达方式
在这里插入图片描述

CSS 十六进制RGB红色表达方式
在这里插入图片描述

CSS 十六进制RGB绿色表达方式
在这里插入图片描述

CSS 十六进制RGB蓝色表达方式
在这里插入图片描述

CSS 十六进制RGB混合颜色
在这里插入图片描述

CSS 灰色度设置
在这里插入图片描述

CSS 不同等级的灰度设置
在这里插入图片描述

CSS 十六进制RGB表达式缩写
在这里插入图片描述

CSS 使用rgb属性设定颜色
在这里插入图片描述

CSS 使用rgb属性设定白色
在这里插入图片描述

CSS 使用rgb属性设定红色
在这里插入图片描述

CSS 使用rgb属性设定绿色

在这里插入图片描述
CSS 使用rgb属性设定蓝色
在这里插入图片描述

CSS 使用rgb属性设定混合颜色

在这里插入图片描述

这篇关于w3c之HTML5实战标签属性的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/708567

相关文章

HTML5中的Microdata与历史记录管理详解

《HTML5中的Microdata与历史记录管理详解》Microdata作为HTML5新增的一个特性,它允许开发者在HTML文档中添加更多的语义信息,以便于搜索引擎和浏览器更好地理解页面内容,本文将探... 目录html5中的Mijscrodata与历史记录管理背景简介html5中的Microdata使用M

html5的响应式布局的方法示例详解

《html5的响应式布局的方法示例详解》:本文主要介绍了HTML5中使用媒体查询和Flexbox进行响应式布局的方法,简要介绍了CSSGrid布局的基础知识和如何实现自动换行的网格布局,详细内容请阅读本文,希望能对你有所帮助... 一 使用媒体查询响应式布局        使用的参数@media这是常用的

HTML5表格语法格式详解

《HTML5表格语法格式详解》在HTML语法中,表格主要通过table、tr和td3个标签构成,本文通过实例代码讲解HTML5表格语法格式,感兴趣的朋友一起看看吧... 目录一、表格1.表格语法格式2.表格属性 3.例子二、不规则表格1.跨行2.跨列3.例子一、表格在html语法中,表格主要通过< tab

Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案

《Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案》:本文主要介绍Vue3组件中getCurrentInstance()获取App实例,但是返回nu... 目录vue3组件中getCurrentInstajavascriptnce()获取App实例,但是返回n

Python列表去重的4种核心方法与实战指南详解

《Python列表去重的4种核心方法与实战指南详解》在Python开发中,处理列表数据时经常需要去除重复元素,本文将详细介绍4种最实用的列表去重方法,有需要的小伙伴可以根据自己的需要进行选择... 目录方法1:集合(set)去重法(最快速)方法2:顺序遍历法(保持顺序)方法3:副本删除法(原地修改)方法4:

在Spring Boot中浅尝内存泄漏的实战记录

《在SpringBoot中浅尝内存泄漏的实战记录》本文给大家分享在SpringBoot中浅尝内存泄漏的实战记录,结合实例代码给大家介绍的非常详细,感兴趣的朋友一起看看吧... 目录使用静态集合持有对象引用,阻止GC回收关键点:可执行代码:验证:1,运行程序(启动时添加JVM参数限制堆大小):2,访问 htt

JS+HTML实现在线图片水印添加工具

《JS+HTML实现在线图片水印添加工具》在社交媒体和内容创作日益频繁的今天,如何保护原创内容、展示品牌身份成了一个不得不面对的问题,本文将实现一个完全基于HTML+CSS构建的现代化图片水印在线工具... 目录概述功能亮点使用方法技术解析延伸思考运行效果项目源码下载总结概述在社交媒体和内容创作日益频繁的

前端CSS Grid 布局示例详解

《前端CSSGrid布局示例详解》CSSGrid是一种二维布局系统,可以同时控制行和列,相比Flex(一维布局),更适合用在整体页面布局或复杂模块结构中,:本文主要介绍前端CSSGri... 目录css Grid 布局详解(通俗易懂版)一、概述二、基础概念三、创建 Grid 容器四、定义网格行和列五、设置行

前端下载文件时如何后端返回的文件流一些常见方法

《前端下载文件时如何后端返回的文件流一些常见方法》:本文主要介绍前端下载文件时如何后端返回的文件流一些常见方法,包括使用Blob和URL.createObjectURL创建下载链接,以及处理带有C... 目录1. 使用 Blob 和 URL.createObjectURL 创建下载链接例子:使用 Blob

Vuex Actions多参数传递的解决方案

《VuexActions多参数传递的解决方案》在Vuex中,actions的设计默认只支持单个参数传递,这有时会限制我们的使用场景,下面我将详细介绍几种处理多参数传递的解决方案,从基础到高级,... 目录一、对象封装法(推荐)二、参数解构法三、柯里化函数法四、Payload 工厂函数五、TypeScript