测开1.5、HTML+CSS+JS

已于 2023-09-12 11:50:20 修改
阅读量38 收藏
点赞数
分类专栏： 测开自学历程 文章标签： html css javascript 测试工具 学习
于 2023-07-28 09:28:44 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43573570/article/details/131973337
版权
HTML是描述网页结构的语言，与CSS和JavaScript共同构成WEB前端三大核心技术。HTML包括各种标签如<h1>、<b>等，以及属性的使用。开发者常使用的工具有VSCode和Hbuilder。在WEB项目测试中，注释的规范处理是重要环节。
摘要由CSDN通过智能技术生成

目录

HTML

HTML介绍

HTML骨架标签

编写HTML工具

常用标签

WEB项目测试点

注释

  • HTML

    • HTML介绍

      • WEB前端三大核心技术
        • HTML
          • 负责网页的架构
        • CSS
          • 负责网页的样式、美化
        • JS
          • 负责网页的行为
      • HTML
        • 用来描述网页的一种语言
        • HT——HyperText
          • 图片
          • 标题
          • 链接
          • 表格
        • ML——Markup Language
          • <h1>标题</h1>
      • HTML标签
        • 单标签
          • <html>
        • 双标签
          • <b>内容</b>
      • 标签属性
        • 属性格式
          • <a 属性名="属性值" >....</a>
          • 例如，<a href="http://www.jd.com" 属性2=aaa>京东</a>

    • HTML骨架标签

    • 编写HTML工具

      • VS Code
      • Hbuilder

    • 常用标签

      • 注释 #WEB测试项目的测试点
        • 国际通用注释快捷键：crtl+/
        • <!--注释内容-->

  • WEB项目测试点

    • 注释

      • 上线之前要对前段页面注释检查或去除所有注释

龙妞
关注
专栏目录
html+css+javascript实现歌词滚动效果
02-24
HTML、CSS和JavaScript是网页开发的三大核心技术，用于构建交互式和动态的用户界面。在这个项目中，我们将探讨如何利用这三者来实现一个歌词滚动效果，就像许多音乐播放器中常见的那样。当歌曲播放时，歌词会按照...
html+css文件分支树
01-27
5. **js文件夹**（可选） - 如果有JavaScript代码，可以在这里存放。 6. **fonts文件夹**（可选） - 如果有自定义字体，可以存放在这里。 7. **其他资源文件夹** - 根据项目需求，可能还需要额外的文件夹，如图标集...
HTML5七夕情人节表白网页制作【css求婚动画源码】HTML+CSS+JavaScript 程序员表白代码
08-10
本项目是一款基于HTML、CSS与JavaScript技术构建的情人节表白网页，旨在为用户提供一个个性化且创意十足的方式向心仪之人表达爱意。通过这款网页，用户不仅能够自定义文本、图片以及背景音乐等内容，还能借助于丰富...
网页设计与制作(HTML+CSS).docx
11-14
18. 标准化Web设计：Web标准包括结构标准（如HTML）、表现标准（如CSS）和行为标准（如JavaScript），是一系列标准的集合。 19. 图片与盒子：将图片放入盒子，若底部出现间隙，可能是因为`vertical-align`属性导致...
Div+Css实现信纸书写页面
09-19
在压缩包中的“信纸界面”文件中，可能包含了实现这一功能的HTML和CSS代码，可能还包含了JavaScript来增强交互性，如保存信件内容、格式化文本等。在实际开发中，可能还需要考虑浏览器兼容性、响应式设计以及优化...
基于html的大模型调试页面
abments的博客
10-11 677
基于html的大模型调试页面
HTML 标签简写及全称
wjs2024的博客
10-17 520
和
HTml + CSS 核心笔记 （八）
2301_80115241的博客
10-13 661
结构：通栏 > 版心 > 服务（service）+ 帮助中心（help）+ 版权（copyright）文件夹：存放非固定使用的图片素材，例如：商品图、宣传图需要上传的图片。结构：ol > li > i（li 是大圆，i 是小圆）标签语义化（在合适的地方使用合适的标签）Favicon 图标：网页图标，出现在。结构：通栏 > 版心 > 导航 ul。结构：.header >结构：通栏 > 版心 >样式，例如：头部、底部。banner – 圆点。：各个网页相同模块的。头部（header）底部（footer）
Chromium html＜li＞对应c++接口定义
杰克东的专栏
10-14 511
html＜li＞
html 轮播图效果
qq_42934208的博客
10-18 305
图片轮播效果，仅供参考
CSS简单入门
YY0503_的博客
10-14 972
新闻说：的那家店你</p><div>时间2024年10月14日</div>/* 属性名和属性值成对出现--键值对 */<title>新闻详细</title>使用-------> class=“类名”<title>CSS使用</title><title>CSS使用</title><title>CSS使用</title><p>你几点才能发多少</p><p>你几点才能发多少
前端学习---(2)CSS基础
最新发布
Fuly的博客
10-18 221
关于文字样式的属性，都具有继承性。这些属性包括：color、 text-开头的、line-开头的、font-开头的。CSS 是用来指定文档如何展示给用户的一门语言——如网页的样式、布局、等等。css语法: 选择器{ 属性名: 属性值;选择器排序的优先级为：ID选择器 > 类选择器 > 标签选择器。font-size: 属性 冒号之前是属性，冒号之后是值。知道什么是什么,知道知识点属于那一块,用的时候再查,color: 属性 冒号之前是属性，冒号之后是值。关于盒子、定位、布局的属性，都不能继承。
使用CSS Flexbox创建简洁时间轴
weixin_40539956的博客
10-13 719
在网页设计中,时间轴是一种常见且有效的方式来展示事件的顺序和进程。本文将介绍如何使用CSS Flexbox创建一个简洁优雅的时间轴,无需复杂的JavaScript代码。 首先,我们需要创建基本的HTML结构: CSS样式 1. 创建时间线 使用伪元素创建时间线: 2. 事件对齐 使用Flexbox对齐事件: 3. 垂直间距 使用Flexbox控制事件间的垂直间距: 4. 响应式设计 使用媒体查询实现响应式设计: 完整CSS代码 以下是完整的CSS代码: 通过这些CSS样式,我们创建了一个简洁、响应式的时间轴
CSS 选择器的常见用法
GodK777的博客
10-14 246
3. 如果需要选择多种标签,可以使⽤ , 分割,如p, div { } 表⽰同时选中p标签和div标签.逗号前后可以是以上任意选择器,也可以是选择器的组合.1. 以上三个标签选择器ul li a 中的任意,都可以替换成类选择器,或者id选择器,可以是任意选择器的组合,也可以是任意数量选择器的组合。• ⼀个类可以被多个标签使⽤,⼀个标签也能使⽤多个类(多个类名要使⽤空格分割,这种做法可以让 代码更好复⽤)• id是唯⼀的,不能被多个标签使⽤(是和类选择器最⼤的区别)
CSS基础
2201_75782847的博客
10-13 627
本文将为大家介绍CSS（层叠样式表）的基础知识，帮助初学者快速上手网页样式设计。
用js+css实现圆环型的进度条——js+css基础积累
yehaocheng520的博客
10-18 207
用js+css实现圆环型的进度条——js+css基础积累
CSS 入门
Yuan_o_的博客
10-14 1002
CSS 基础语法、CSS 选择器、常用 CSS
JS-常用功能
qq_40950398的博客
10-18 260
汇总一些常用的js功能
ECMAScript标准解析及其发展历史与技术演进
qq_20245171的博客
10-15 771
ECMAScript（简称ES）是由ECMA国际（欧洲计算机制造商协会）制定的一种脚本语言规范。它是JavaScript、JScript等语言的基础，并为现代Web开发提供了强大的支持。ECMAScript标准不仅定义了语言的语法和语义，还涵盖了数据类型、对象模型和执行环境等内容，极大推动了JavaScript语言的发展。本文将全面介绍ECMAScript标准的起源、各个版本的演变、关键特性以及未来趋势，深入探讨其对Web开发及编程语言设计的影响。
无JS的HTML+CSS3模板
05-22
以下是一个简单的HTML+CSS3模板，没有使用JavaScript: ```html <!DOCTYPE html> <html lang="en"> 无JS的HTML+CSS3模板 /* 重置默认样式 */ * { margin: 0; padding: 0; box-sizing: border-box; } /...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

龙妞

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值