html css
HTML 常用表单元素使用以及注解
一、表单的用途 HTML 表单用于收集用户的输入信息。 HTML 表单表示文档中的一个区域，此区域包含交互控件，将用户收集到的信息发送到 Web 服务器。 一个表单有三个基本组成部分： 表单标签：这包含了处理表单数据所用的URL以及数据提交到服务器的方式。 表单域(表单控件)：包含了文本框、密码框、 ......
HTML5 Audio/Video 标签、属性、方法、事件汇总
audio用于播放网络上的音频文件，video用于播放网络上的视频文件。audio和video 标签的属性、方法和事件大部分都是共通的。在不同的浏览器中，它们会有不同的样式。 audio 基本语法 src 指定当前播放的音频文件，controls播放控制器，loop歌曲循环，autoplay自动播放 ......
HTML表格的语法、使用
HTML 表格 表格由 table 标签来定义。每个表格均有若干行（由 标签定义），每行被分割为若干单元格（由 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。 HTML 表格的基本结构 …：定义表格 ......
HTML 块级元素与行内元素有哪些以及注意、总结
行内元素和块级元素是HTML中的两种元素类型，它们在页面中的显示方式和行为有所不同。 块级元素（Block-level Elements）： 常见的块级元素有div、p、h1-h6、ul、ol、li、table、form等。 块级元素会独占一行，即使没有设置宽度，也会自动填充父容器的宽度。 块级元素 ......
css之伪元素选择器
注：本博客内容来自尚硅谷禹神的前端入门课程 什么是伪元素？ 很像元素，但不是元素（element），是元素中的一些特殊位置。 伪元素语法中的::可以用:，因为css2中没有明确区分伪类和伪元素，但是selection和placeholder是css3才出现的新特性，所以必须用:: <!DOCTYPE ......
HTML5 文件上传下载的实例代码
前言 HTML5 中提供的文件API在前端中有着丰富的应用，上传、下载、读取内容等在日常的交互中很常见。而且在各个浏览器的兼容也比较好，包括移动端，除了 IE 只支持 IE10 以上的版本。想要更好地掌握好操作文件的功能，先要熟悉每个API。 FileList 对象和 file 对象 HTML 中的 ......
html （六）全局属性
全局属性：id、class、 id 作用：锚点、label 表单控件关联 注意：不用在<head>、<html>、<meta>、<script>、<style>、<title>使用该属性 仅限一个 html 不能重复 class 作用：指定类名，配合 CSS 表示样式 style CSS 设置样式 ......
html 5（二）之表单
表单 表单也就是交互区域 <form action="https://www.baidu.com/s" target="_self" method="get"> <input type="text" name="wd"> <button>搜索</button> </form> <form> 表单标签 ......
html 5（四）字符实体
用一种特殊形式表示字符例如 表示空格 < 小于号 > 大于号 & & ¥ ￥ © 版权所有 × × ÷ ÷ 详细参考 MDN ......
html 5（三）之框架标签
iframe 嵌入 嵌入广告 <iframe src="网址" height="" width="" frameborder=""></iframe> 与超链接 target 关联 <a href="httos://www.toutiao.com" target="container">头条</a> ......
Python——了解Html+Css语言代码
HTML（Hyper Text Markup Language超文本标记语言）用特殊的一种标签把需要特殊展示出来的内容圈起来。这就是标记语言语法规则 <标记>被标记的内容</标记> <标记/> 巨大的坑。在以前2000年左右。那个时候语法规则不够规范。有些人写HTML的时候习惯性的漏掉括回文本：文字 ......
HTML5之FileReader的使用
HTML5之FileReader的使用：https://blog.csdn.net/jackfrued/article/details/8967667?spm=1001.2101.3001.6650.4&utm_medium=distribute.pc_relevant.none-task-blog ......
css学习笔记
CSS（层叠样式表）是一种用于描述网页样式和布局的语言。它使得我们可以通过选择器和属性来控制网页的外观。以下是一些CSS的基本概念： 选择器：选择器用于选择要应用样式的元素。常见的选择器有标签选择器（如 p、h1）、类选择器（如 .class-name）和ID选择器（如 #id-name）等。选择器 ......
利用v-html给页面添加内容，并同时为内容增加css样式
利用v-html给页面添加内容 当后端给你返回一个包含富文本的内容时，你应该使用v-html来进行加载，比如说下面这样： <!-- 这样写上之后，就会在div标签里面加载返回来的富文本内容 --> <div class='father-box' v-html="item"></div> 当我们需要给 ......
html
图像映射 基本用法：<img src="图片路径"usemap="#映射名称"> <map name="映射名称"id="映射名称"> <area shap="circle" coords="坐标" </map> 表格的基本语法 <table> <tr><td></td><td></td></tr> ......
纯CSS实现可自定义间距虚线边框
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> .border-wrapper { position: relative; margin: 100px auto; width: 200px; h ......
带圆角的虚线边框？CSS 不在话下
今天，我们来看这么一个非常常见的切图场景，我们需要一个带圆角的虚线边框，像是这样： 这个我们使用 CSS 还是可以轻松解决的，代码也很简单，核心代码： div { border-radius: 25px; border: 2px dashed #aaa; } 但是，原生的 dashed 有一个问题， ......
前端学习笔记DAY2 HTML5基础（2）（b站pink老师）
二.HTML标签 4.HTML常用标签 4.1 标签语义 学习标签的重点是记住每个标签的语义。就是指标签的含义，即这个标签是用来干嘛的。 根据标签的语义，在合适的地方给一个最为合理的标签，可以让页面结构更清晰。 ※4.2 标题标签 <h1> - <h6> HTML 提供了 6 个等级的网页标题，即< ......
css图片等比放大居中|超出部分隐藏
图片等比放大居中 在一些情况下需要保证图片缩略图窗口大小固定，但是图片分辨率比例多种多样，需要在展示固定比例的窗口下展示不同分辨率的图片，还需保证展示的图片不被拉伸变形，保持原有比例的基础上进行等比放大。 // 外层 .img-box { // 等比放大图片，超出部分隐藏 width: 120px; ......
html中的base标签,<base href="http://xxx.com/">什么意思
HTML中的<base>标签用于指定页面上所有相对URL的基础路径。 该标签位于<head>标签内，并具有一个href属性，用于指定基础路径URL。例如： <head> <base href="http://example.com/" /> </head> 一旦设置了<base>标签，页面上所有使用 ......
HTML、DOM 和 BOM 简介
HTML（HyperText Markup Language）是一种标记语言，用于描述网页的结构和内容。HTML 使用标签来定义页面上的各种元素，可以包括标题、段落、链接、图像等。它是构建网页的基础。 DOM（Document Object Model）是一种将 HTML 文档在浏览器中表示为树形结 ......
allure直接到文件夹下，双击index.html无法展示数据，显示loading
因为直接allure报告浏览器是打不开的，需要用allure命令渲染之后打开参能展示渲染效果 解决方法： 1、allure open 报告所在地址的文件夹名称/ allure open 测试报告/ 2、写txt文件，内容： allure open 测试报告/，修改后缀为bat ......
css自适应文本大小
div{ width:500px; height:600px; resize:both; // 可拖动方向 overflow:hidden; padding:15px; background-color:red; container-type:size; // 对 } div p { // cqw ......
css实现鼠标滑过提示文字
第一种：鼠标滑过图片，提示文字，如图： <div v-if="talentCardNum && talentCardNum >0"> <img @mouseenter="choice(1)" @mouseleave="choice(0)" class="box_time_icon" :src="ho ......
前端学习DAY1 HTML5基础（1）（b站pink老师）
一、HTML简介 1.网页 1.1 什么是网页 网站是网页的集合，网页是网站中的一“页”（构成网站的基本元素）。 网页由图片、链接、文字、声音、视频等元素构成，通常是HTML格式的文件（.htm.或html后缀），通过浏览器来阅读。 1.2 什么是HTML HTML (超文本标记语言)，它是用来描述 ......
爬虫作业：一个简单的html页面
from bs4 import BeautifulSoup import re soup=BeautifulSoup('''<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </h ......
HTML文档的结构
HTML文档的基本结构如下： <!DOCTYPE html> <html> <head> </head> <body> </body> </html> 整体来看，html文档主要由两部分构成 文档声明部分<!DOCTYPE html> html内容部分<html> </html> 其中html内容部 ......
php css 改变宽度,img标签设置display:block属性时宽度无法设定为100%的解决办法
本篇文章所说的内容是img标签设置display:block属性时宽度无法设定为100%的解决办法，方法很详细，有一定的参考价值，有需要的朋友可以参考一下，希望可以对你有所帮助。 现象 如下代码，img标签设置了display：block，尺寸宽度无法设定为100% img标签设置display:b ......
CSS让整个网站变成灰色的做法
CSS让整个网站变成灰色的做法 方法一：直接在css样式文件里加上这段代码 html{-webkit-filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(graysale=1);} <!–可以是整 ......