- 博客(18)
- 收藏
- 关注
RSS订阅原创 HTML表单讲解
服务器可以通过获取POST或GET请求中的参数来获取表单数据，并进行相应的处理。<input>标签用来创建表单中的输入字段，常见的类型有文本框（type="text"）、密码框（type="password"）、复选框（type="checkbox"）、单选按钮（type="radio"）等。表单是网页中用来收集用户输入的一种交互控件。在提交表单之前，可以使用JavaScript对表单进行验证，以确保用户输入的数据符合要求。HTML中使用<form>标签定义一个表单，<form>标签包裹了所有的表单元素。
2024-11-19 23:44:48
399
原创 HTML盒模型
盒模型由四个主要部分组成：内容（content）、填充（padding）、边框（border）和外边距（margin）。盒模型的属性可以通过CSS进行控制和调整，例如设置元素的宽度、高度、填充、边框和外边距等。盒模型的大小由这四个部分的宽度和高度共同决定。实际上，元素的宽度和高度等于内容的宽度和高度加上填充、边框和外边距的宽度。填充（padding）: 位于内容和边框之间的区域，用于指定元素内容与边框之间的间距。外边距（margin）: 位于元素边框之外的区域，用于指定元素与其他元素之间的间距。
2024-11-19 23:41:50
294
原创 HTML标签格式
超链接<a href=”http://www.baidu.com/><img src=“值”，为图像来源URL/>格式：<标签名 属性=“属性值”/>同一目录，路径为：图片名.扩展名。绝对地址：一个完整的绝对的地址。相对地址:参照物→当前网页文档。Blank：在当前页面打开；Parent:在父窗口打开；图片存放在跟网页同一文件夹。列表标签：无序列表<UL>URL统一资源定位器。Self：在本页打开。
2024-11-18 21:21:02
251
原创 透视盒模型：居中的的盒子页面
可以使用 margin-top, margin-right, margin-bottom, margin-left分别指定外边距区域的上边、右边、下边和左边的内边距。可以使用padding-top, padding-right, padding-bottom, padding-left，分别指定内容区域的上边、右边、下边和左边的内边距。内边距(Padding) 是指内容周围的区域，内边距默认是透明的。内边距简写时指定的顺序为顺时针。外边距(Margin) 是指边框外的区域，外边距默认也是透明的。
2024-11-16 17:36:19
657
原创 表格颜色、文字与大小
表格颜色设置十分简便，与设置文字颜色的方式相同。在对应的表格元素标签中，使用color属性设置表格中的文字颜色，使用background属性可以设置表格元素的背景色。表格单元格默认为左对齐。在实际情况中，我们可以根据需求设置表格对齐方式。设置表格中文字对齐的方式，同样的，设置表格文字粗细与设置段落文字粗细相同，都是使用font-weight属性。在表格元素中使用width和height属性设置表格的宽度与高度。与设置段落文字对齐的方式相同，都是使用text-align属性。表格文字对齐与文字粗细。
2024-11-15 15:02:15
533
原创 表格样式设置
我们使用 border 属性为表格添加边框，这样HTML表格才会看起来更符合我们平时使用的表格。border属性值可以按顺序设置的属性为：border-width、border-style和border-color。一般情况下会省略属性名，直接设置属性。所以，我们可以使用 border-collapse 属性设置折叠边框。折叠边框代表边框是否被折叠为一个单一的边框或相互隔开。/*设置边框1px粗的黑色实线*/但是，这样设置的通讯录表格有双边框。这是因为表格与th/td元素都有独立的边界。
2024-11-15 14:59:21
510
原创 HTML背景样式
当页面较长时，滚动页面，背景图像也会随之滚动。因为HTML文档中body元素包含了HTML文档的所有内容，所以如果要改变整个页面的背景颜色，只需要设置body元素的background-color属性。如果想要设置图像在水平方向、垂直方向平铺或其他方式，可以设置background-repeat属性。我们可以使用background-image属性设置元素的背景属性，常见的网页背景图就是这样设置的。从上面的实例中，大家学习了多种背景属性的设置，为了简化这些属性的书写，我们可以将这些属性合并在同一个属性中。
2024-11-14 12:42:12
1418
原创 form标签
input> 元素在 元素中使用，用来声明允许用户输入数据的 input 控件。 标签规定了用户可以在其中输入数据的输入字段。规定服务器接收到的文件的类型。（文件是通过文件上传提交的） 标签用于创建供用户输入的 HTML 表单。规定用于发送表单数据的 HTTP 方法。规定当提交表单时向何处发送表单数据。规定服务器可处理的表单数据字符集。当表单提交时向何处发送表单数据。规定是否启用表单的自动完成功能。
2024-11-12 12:21:37
467
原创 id选择器
例如，通过id选择器在页面中定义锚，在编写 JavaScript 为指定的页面元素应用特殊行为时。它们最大的区别在于，在一个 HTML 文档中，可以为任意多个元素指定类，但id选择器只能使用一次，一个id只能运用于一个元素。而在使用id选择器时，使用的是关键字id。类选择器与id选择器类似，那么它们的区别是什么呢？在样式表中，指定对应id名元素的样式，使用#符号，也称为棋盘号或井号。id选择器与我们上一关中学习的类选择器类似，但在使用上有不同。首先，将html中想要应用类样式的元素，指定id名。
2024-11-12 09:00:00
474
原创 类选择器知识点
在该页面中，我们将第一个div元素的class设置为main，article元素的class值设置为news。类选择器允许以一种独立于文档元素的方式来指定样式。通常情况只希望应用样式，而不考虑具体的元素时，会使用类选择器。与元素选择器不同，对同一类的元素应用样式，需要在类名前加上一个点号（.），然后书写相应的样式声明。首先，将html中想要应用类样式的元素，指定类名；<元素名 class="指定的类名"></元素名><元素名 class="指定的类名">.指定的类名 {样式声明}然后，书写相应类的样式；
2024-11-11 10:49:31
355
原创 元素选择器
当我们指定一个元素，并设置样式属性之后，文档中该元素便会应用样式。多个元素之间的逗号是必不可少的，如果缺失了逗号将表示其他含义。选择器是元素选择器，又称为类型选择器。)，在没有其他样式覆盖的情况下，文档中所有的。文档中的元素，直接作为选择器使用。
2024-11-11 10:46:35
314
原创 样式引入方式
与图像路径的链接方式类似，href属性值的书写方式要根据具体的CSS文件位置。2.第二种方式，是将CSS单独书写在文件后缀名为.css的文件中。然后在HTML的中添加CSS文件链接。如果在不同的页面中引入相同的样式文件。在实际的项目中，推荐将样式表统一放在CSS文件夹中，使得项目结构更清晰，资源管理更容易。首先，对于内部样式表，书写的方式是直接在HTML文件的头部，添加。1.内部样式表：如同之前实例中所示，在文档头部中引入；可在多个HTML文件中引入相同的样式文件。易于开发和维护样式。
2024-11-10 11:40:22
843
原创 CSS基本概念
CSS(Cascading Style Sheets)即层叠样式表，它是一种用来为结构化文档（例如HTML文档或XML应用）添加样式的计算机语言，目前由W3C定义和维护。在前端网页开发中，我们使用CSS来定义网页元素的样式，例如背景颜色、字体展示、元素位置、动画效果等等。所以，HTML 与 CSS 结合，将网页的内容与样式分离，有利于提高开发效率。/* 文字居中方式(text-align)为居中 *//* 字体大小(font-size)为36px *//* 声明代表`h1`的字体颜色设置为白色*/
2024-11-10 11:26:16
531
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人