关注
分享
文章平均质量分 51
HTML（超文本标记语言——HyperText Markup Language）是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。除 HTML 以外的其他技术则通常用来描述一个网页的表现与展示效果（如 CSS），或功能与行为（如 JavaScript）。
7_35Durant
有些代码可能存在部分问题，希望大家能帮忙指出
展开
-
HTML调试工具
然后将框框放到你的HTML当中。按下F12键打开开发者工具。或者在网页中点击右键然后检查。作用：检查调试代码是否错误。有感叹号就表示那里有错误。原创 2024-04-30 16:04:08 · 68 阅读 · 0 评论 -
CSS-清除默认样式
网页默认情况下，元素的实际宽高是将边框和内边距纳入计算的要改变网页默认设置，可以使用。原创 2024-05-09 16:38:24 · 249 阅读 · 0 评论 -
CSS-flex布局
给父级元素的展示效果设置为flex布局，整个flex容器 里面的flex item都会沿着主轴展开。作用：flex items（弹性盒子）可以自动挤压或拉伸，默认弹性盒子会在一行显示。属性：flex-direction(修改主轴方向，侧轴也会随着改变)我们给三个盒子的宽设置为300px,父级盒子的宽设置为800px。属性值：整数数字，表示占用父级剩余尺寸的份数，默认是1份。作用：控制flex items在主轴方向的尺寸。网页呈现的效果：三个盒子的宽被挤压了。属性：flex-wrap。原创 2024-05-11 15:43:26 · 1686 阅读 · 0 评论 -
CSS-显示模式
显示模式 块级元素 独占一行 宽度默认是父级元素的100% 设置宽高属性生效 行内元素 一行可以显示多个，每个元素之间空格 设置宽高属性不生效 宽高由内容决定 行内块元素 一行可以设置多个 设置宽高属性生效 宽高也可以由内容决定切换显示模式属性名:display属性值 效果 block 块级 inline-block 行内级原创 2024-05-07 15:39:54 · 547 阅读 · 0 评论 -
CSS引用
<head><title>网页标题</title><style>p{</style></head><body></body>原创 2024-04-30 10:04:34 · 247 阅读 · 0 评论 -
CSS-盒子模型元素溢出
使用了属性overflow之后，溢出的部分都被隐藏住了。正常情况下，网页是这个样子的，当文本超出了行高之后。作用：控制溢出的元素的内容的显示方式。属性：overflow。原创 2024-05-08 19:14:37 · 321 阅读 · 0 评论 -
CSS-盒子模型
属性值：边框线粗细px 线条样式 颜色(不区分先后顺序，中间用空格隔开)属性值：边框线粗细px 线条样式 颜色(不区分先后顺序，中间用空格隔开)属性：盒子属性-方向名词(例如设置左边框border-left)作用：设置内容与盒子边缘之间的距离。可以清楚的看到边缘距离是50。作用：拉开两个盒子之间的距离。属性：paddding。原创 2024-05-08 15:52:10 · 643 阅读 · 0 评论 -
CSS选择器（基本+复合+伪类）
分类：CSS基本选择器和CSS高级选择器（扩展类）作用：查找标签，设置样式。原创 2024-04-30 10:21:52 · 220 阅读 · 0 评论 -
CSS字体，文本修饰属性，盒子
font拥有font-style,font-weight,font-size,line-height,font-family。rgb有3个参数，红色，绿色，蓝色，每个参数的范围在0~255，也就是红蓝绿的颜色深度，由浅到深，所以rgb可以表示的颜色有。rgb的升级版，第四个参数是透明状态，可以用来表现颜色的透明状态。作用：改变文本的倾斜程度，默认文本是不倾斜的，属性值是关键字。作用：换字体格式，例如宋体，楷体，默认字体使微软雅黑。属性值：left（左对齐） 默认是左对齐。属性值：属性值可以写颜色的英文，原创 2024-04-30 15:53:16 · 671 阅读 · 0 评论 -
CSS-背景属性
属性值：背景色 背景图 背景图平铺方式 背景图位置/背景图缩放 背景图固定。属性：background-attachment。属性名：background-position。属性名:background-repeat。属性名：background-image。属性名：backgourd-color。属性：background-size。属性值：跟color的使用方法一样。网页中，使用背景图片来装饰图片效果。作用：背景不会随着内容滚动。属性：background。属性值：url ()原创 2024-05-06 16:56:47 · 850 阅读 · 0 评论 -
HTML-表格标签
table的属性border，可以设置边框的粗细，如果不设置就没有边框。原创 2024-04-27 13:52:03 · 454 阅读 · 0 评论 -
CSS-伪类选择器
网页效果：第一个元素是绿色，最后一个元素是蓝色，第三个元素是粉色。作用：根据元素的结构关系查找元素。偶数个元素全变成了粉色。原创 2024-05-07 17:04:15 · 653 阅读 · 0 评论 -
CSS-浮动
right 浮动在网页右边。作用：盒子的顶点是一样的，具备行内块的特征，能设置宽高。属性值：left 浮动在网页左边。三个盒子都是紧密相联的。原创 2024-05-10 16:07:04 · 218 阅读 · 0 评论 -
HTML-图像标签，文件路径
标签： src用来指定图片的位置和名称，这里...表示的是图片路径。如果你并不是很清楚你的图片存放在哪个路径，可以先把图片拖到桌面上来，然后鼠标右键打开复制文件路径。当我们使用错误的路径时图片是无法加载的，这时候用alt就会显示文字。我们在这里用的是相对路径，对于这个工程文件夹而言的路径。可以在网页中放图片的称为图像标签。打开我们可以看到有两张图片。原创 2024-04-25 11:30:33 · 410 阅读 · 0 评论 -
学习HTML第一天
超文本是用超链接的方式，将各种不同空间的信息组织在一起的网状文本，用来显示文本与文本之间的关系。HTML全程：Hyper Text Markup Language（超文本标记语言）这里我们要用上标签 ，是单标签哟。在命令行里面换行网页的文本是不会换行的。标签大多数成对出现，里面放标签名。单标签：只有开始标签，没有结束标签。标记也叫标签，带尖括号的文本。双标签：成对出现的标签。原创 2024-04-24 10:12:20 · 344 阅读 · 0 评论 -
HTML-表单label标签，表单区域，按钮标签
作用：增大控制键的点击范围，比如单选框，多选框，文本框，下拉菜单的点击范围，使它的说明文也被算入点击范围。在性别下面多了个重置按钮 ，整个表单要用form表单区域包裹起来，不然按钮标签无法生效。加上label标签在外观上并没有多大的变化，但会给单选框的名字附上选中空间。双标签：<button type=" "></button>双标签：<label></label>原创 2024-04-28 14:39:35 · 188 阅读 · 3 评论 -
HTML-标题和段落标签
所有文字都可以写成标题，HTML里面的标题也分为6级双标签。标题的特征：文字加粗 ，换行，字号随着标题逐渐减小。每级标题都有换行，且字号随级数减小。段落之间有间隙且独占一行。原创 2024-04-24 16:40:50 · 138 阅读 · 0 评论 -
HTML-注册登录信息表
【代码】HTML-注册登录信息表。原创 2024-04-29 15:17:32 · 182 阅读 · 0 评论 -
HTML-表单，下拉菜单,文本域
双标签：select嵌套option,select是下拉菜单整体，option是下拉菜单的每一项。作用：收集用户信息，类似登陆界面，调查问卷，搜索区域。占位文本-提示信息,在文本框和密码框没输入时显示。单标签：单选框是圆圈，多选框是方圈。原创 2024-04-27 17:27:51 · 492 阅读 · 0 评论 -
HTML-文本格式化标签
在网页中大多数时候为了突出文字的重要性，需要为字体设置特殊的效果。原创 2024-04-24 17:39:23 · 163 阅读 · 0 评论 -
HTML-多媒体标签
双标签：<video src="URL"></video>双标签：<audio src="URL"></audio>如果只加必备属性，你会发现网页什么都没有 ，而且没有声音。所以这时我们需要controls属性，打开音乐控制面板。听名字就知道可以用来播放音乐。原创 2024-04-25 18:03:29 · 386 阅读 · 0 评论 -
HTML-div和span标签，实体字体
非常相似,是块级元素，是行级元素,span更像是一个小盒子。div本身不表示任何内容，它更像是一个大盒子，用来装东西的，会换行。用图片能更加直观的展示div标签的作用，整个网页被分成了两块。双标签:双标签：原创 2024-04-29 13:48:32 · 232 阅读 · 0 评论 -
HTML和CSS注释
-...--> 注释标签用来在源文档中插入注释。注释不会在浏览器中显示。我们发现这行注释代码颜色是绿色的。原创 2024-04-24 13:46:56 · 207 阅读 · 0 评论 -
HTML-超链接标签
双标签: href属性值是跳转地址，是超链接标签必须有的属性。_top：当前窗体打开链接，并替换整个当前的窗口。此时这里这串文字就可以跳转到本地文件的网址。_blank:在一个新窗口打开这个链接。这个超链接在哪找呢？对“跳转百度”这串文字附上链接。_self：默认，当前页面跳转。_parent：在父窗口打开。作用：点击时跳转到其他页面。也可以跳转到文件下的网址。这就是这个网址的超链接。原创 2024-04-25 14:42:21 · 248 阅读 · 0 评论 -
HTML-列表标签
双标签： dl可以嵌套dt和dd,dl是定义列表，dt是定义列表的标题，dd是定义列表的描述/详情。原创 2024-04-26 17:01:13 · 169 阅读 · 0 评论 -
HTML基本框架+标签关系
兄弟关系： （并列）body:网页主体，用来给用户看的代码，例如图片，文字。head:网页头部，存放给浏览器看的代码，例如css。是父,被包在里面的是子。是兄弟,并列关系。title:网页标题。原创 2024-04-24 13:30:43 · 115 阅读 · 0 评论