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

相关文章

网页解析 lxml 库--实战

lxml库使用流程 lxml 是 Python 的第三方解析库,完全使用 Python 语言编写,它对 XPath表达式提供了良好的支 持,因此能够了高效地解析 HTML/XML 文档。本节讲解如何通过 lxml 库解析 HTML 文档。 pip install lxml lxm| 库提供了一个 etree 模块,该模块专门用来解析 HTML/XML 文档,下面来介绍一下 lxml 库

Vue3 的 shallowRef 和 shallowReactive:优化性能

大家对 Vue3 的 ref 和 reactive 都很熟悉,那么对 shallowRef 和 shallowReactive 是否了解呢? 在编程和数据结构中,“shallow”(浅层)通常指对数据结构的最外层进行操作,而不递归地处理其内部或嵌套的数据。这种处理方式关注的是数据结构的第一层属性或元素,而忽略更深层次的嵌套内容。 1. 浅层与深层的对比 1.1 浅层(Shallow) 定义

这15个Vue指令,让你的项目开发爽到爆

1. V-Hotkey 仓库地址: github.com/Dafrok/v-ho… Demo: 戳这里 https://dafrok.github.io/v-hotkey 安装: npm install --save v-hotkey 这个指令可以给组件绑定一个或多个快捷键。你想要通过按下 Escape 键后隐藏某个组件,按住 Control 和回车键再显示它吗?小菜一碟: <template

【 html+css 绚丽Loading 】000046 三才归元阵

前言:哈喽,大家好,今天给大家分享html+css 绚丽Loading!并提供具体代码帮助大家深入理解,彻底掌握!创作不易,如果能帮助到大家或者给大家一些灵感和启发,欢迎收藏+关注哦 💕 目录 📚一、效果📚二、信息💡1.简介:💡2.外观描述:💡3.使用方式:💡4.战斗方式:💡5.提升:💡6.传说: 📚三、源代码,上代码,可以直接复制使用🎥效果🗂️目录✍️

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画(下)

【课程链接】 AntV G6:深入图形与图形分组、自定义节点、节点动画(下)_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中,应该怎样去计算和绘制图形,如何给一个图形制作不间断的动画,以及在鼠标事件之后产生动画。(有点难,需要好好理解) <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06

性能分析之MySQL索引实战案例

文章目录 一、前言二、准备三、MySQL索引优化四、MySQL 索引知识回顾五、总结 一、前言 在上一讲性能工具之 JProfiler 简单登录案例分析实战中已经发现SQL没有建立索引问题,本文将一起从代码层去分析为什么没有建立索引? 开源ERP项目地址:https://gitee.com/jishenghua/JSH_ERP 二、准备 打开IDEA找到登录请求资源路径位置

【Prometheus】PromQL向量匹配实现不同标签的向量数据进行运算

✨✨ 欢迎大家来到景天科技苑✨✨ 🎈🎈 养成好习惯,先赞后看哦~🎈🎈 🏆 作者简介:景天科技苑 🏆《头衔》:大厂架构师,华为云开发者社区专家博主,阿里云开发者社区专家博主,CSDN全栈领域优质创作者,掘金优秀博主,51CTO博客专家等。 🏆《博客》:Python全栈,前后端开发,小程序开发,人工智能,js逆向,App逆向,网络系统安全,数据分析,Django,fastapi

C#实战|大乐透选号器[6]:实现实时显示已选择的红蓝球数量

哈喽,你好啊,我是雷工。 关于大乐透选号器在前面已经记录了5篇笔记,这是第6篇; 接下来实现实时显示当前选中红球数量,蓝球数量; 以下为练习笔记。 01 效果演示 当选择和取消选择红球或蓝球时,在对应的位置显示实时已选择的红球、蓝球的数量; 02 标签名称 分别设置Label标签名称为:lblRedCount、lblBlueCount

滚雪球学Java(87):Java事务处理:JDBC的ACID属性与实战技巧!真有两下子!

咦咦咦,各位小可爱,我是你们的好伙伴——bug菌,今天又来给大家普及Java SE啦,别躲起来啊,听我讲干货还不快点赞,赞多了我就有动力讲得更嗨啦!所以呀,养成先点赞后阅读的好习惯,别被干货淹没了哦~ 🏆本文收录于「滚雪球学Java」专栏,专业攻坚指数级提升,助你一臂之力,带你早日登顶🚀,欢迎大家关注&&收藏!持续更新中,up!up!up!! 环境说明:Windows 10

计算机毕业设计 大学志愿填报系统 Java+SpringBoot+Vue 前后端分离 文档报告 代码讲解 安装调试

🍊作者:计算机编程-吉哥 🍊简介:专业从事JavaWeb程序开发,微信小程序开发,定制化项目、 源码、代码讲解、文档撰写、ppt制作。做自己喜欢的事,生活就是快乐的。 🍊心愿:点赞 👍 收藏 ⭐评论 📝 🍅 文末获取源码联系 👇🏻 精彩专栏推荐订阅 👇🏻 不然下次找不到哟~Java毕业设计项目~热门选题推荐《1000套》 目录 1.技术选型 2.开发工具 3.功能