-离鸢--CSDN博客

原创 0基础小白学前端 Html5+Css+Javascript教程（第三周 3.1）CSS

当样式需要应用于多个页面时，外部样式表将是理想的选择。在使用外部样式的情况下，你可以通过改变一个文件来改变整个站点的外观。属性（property）是您希望设置的样式属性（style attribute）。要使用内联样式，你需要在相关的标签内使用样式（style）属性。CSS （Cascading Style Sheets）层叠样式表，又叫级联样式表，简称样式表。单个页面内的CSS代码具有统一性和规划性，便于维护，但是在多个页面之间容易混乱。CSS规则由两个主要的部分构成：选择器，以及一条或多条声明（样式）

2025-02-17 16:20:58 330

原创 0基础小白学前端 Html5+Css+Javascript教程（第二周 2.4）块元素与行内元素/H5新增标签

div、form、h1-h6、hr、p、table、ul等。块元素会在页面中独占一行（自上向下垂直排列）行内元素不会独占页面中的一行，只占自身的大小。行内元素设置width，height属性无效。div 容器元素，也是页面中见到的最多的元素。一般块级元素可以包含行内元素和其他块级元素。a、b、em、i、span、strong等。一般内联元素包含内联元素不包含块级元素。可设置width，height属性。button、img、input等。

2025-02-07 13:52:08 300

原创 0基础小白学前端 Html5+Css+Javascript教程（第二周 2.3）：From 表单/表单元素

当用户单击确认按钮时，表单的内容会被传送到另一个文件，表单的动作属性定义了目的文件的文件名，由动作的属性定义的这个文件通常会对接收到的输入数据进行相关的处理。表单是有容器和控件组成的，一个表单一般应该包含用户填写信息的输入框，按钮等，这些输入框，按钮叫做控件，表单就是容器，它能够容纳各种各样的控件。文本域通过<input type="text">标签来设定，当用户要在表单中键入字段、数字等内容时，就会用到文本域。一个完整的表单包含三个基本组成部分：表单标签，表单域，表单按钮。HTML运行代码复制代码。

2025-02-06 18:24:09 323

原创 0基础小白学前端 Html5+Css+Javascript教程（第二周 2.2）：标签之表格/表格单元格合并

快速生成表格结构：table>tr*2>td{单元格}●水平合并：colspan 保留左边删除右边。●垂直合并：rowspan 保留上边删除下边。注意：水平和垂直都有，保留左上，删除其他的。表格在数据展示方面非常简单，并且表现优秀。单元格提点:同行等高，同列等宽。HTML运行代码复制代码。

2025-02-06 18:16:29 306

原创 0基础小白学前端 Html5+Css+Javascript教程（第二周 2.1）：标签之超链接、文本、有序列表、无序列表

来设置超文本链接（<a>和

2025-01-26 16:28:18 511

原创 0基础小白学前端 Html5+Css+Javascript教程（第一周 1.4）：图片显示及插入路径

（主要看图片和代码文件夹里面的位置，图片是在代码里层文件就是子级关系，反之，外层文件为父级关系。在同一文件夹内为同级关系）保存的图片没有和代码在同一目录下可使用绝对路径访问。<img src="图片名字 " alt="">保存到我们代码文件夹的目录下并记住图片名字。两者相对关系，两者在同一路径下可以直接访问。注意：<img>是单标签，不需要闭合操作。绝对路径是电脑的盘符存储与访问的具体地址。<img>标签定义HTML页面中的图像。同级关系 :./ （同级的./可省略）img回车自动补充好代码了。

2025-01-25 18:34:32 451

原创 0基础小白学前端 Html5+Css+Javascript教程（第一周 1.3）：标签-标题、段落、换行、水平线

如果想在不产生一个新段落情况下进行换行（新行），使用<br>或<br/> 元素是一个空的HTML元素(<br>或<br/> 为单标签)应将<h1>用于主标签（最重要的），其后是<h2>(次重要的)，再其次是<h3>，以此类推。<hr/>标签在HTML页面中创建水平线(<hr/>为单标签)标题（Heading）是通过<h1><h6>标签进行定义的。<h1 align="left">里面的left为属性值。<h1>定义最大的标签，<h6>定义最小的标签。段落是通过<p>标签定义的。正确使用标题有益于SEO。

2025-01-24 16:43:33 330

原创 0基础小白学前端 Html5+Css+Javascript教程（第一周 1.2）：VSCode快捷键，HTML5简介与基础骨架

meta标签用来描述一个HTML网页文档的属性,关键词等,例如1:charset=utt-8"是说当前使用的是ut-8编码格式,在开发中我们经常会看到ut-8,或是gbk,这些都是编码格:式,通常使用utt-8。文档的头部描述了文档的各种属性和信息,包括文档的标题、在Web中的位置以及和其他文档的关系等。DOCTYPE html>是H5的声明位于文档的最前面,处于标签之前。定义HTML文档,这个元素我们浏览器看到后就明白这是个HTML文档了,所以你的其它元素要包裹在它里面,标签限定了文档的开始点和结束点。

2025-01-24 16:12:31 529

原创 0基础小白学前端 Html5+Css+Javascript教程（第一周 1.1）：简单了解前端并选择合适工具

打开速度快，使用方便【英文不习惯的话，扩展搜索Chinese点击安装即可】常见的开发者工具：WebStorm VSCode HBuilderX。博主是纯属前端小白还在学习中，也是用这个平台监督下自己学习进度。使用记事本，编写代码，创建记事本将缀名改为.html结尾。安装后注意右下角有个弹窗点击重新启动按钮即可汉化。在编写代码的过程中，+<>必须是英文状态下编写。常见浏览器：火狐浏览器谷歌浏览器 IE浏览器。右键打开方式，以浏览器方式打开即可。点个关注欢迎相互交流。两步完成一个网页程序。

2025-01-24 12:22:33 318