![](https://img-blog.csdnimg.cn/20190918140158853.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
WEB前端开发
文章平均质量分 64
是小甲鱼的课啦,自己上B站看去吧。
是刃小木啦~
年轻人,卷起来了
展开
-
亲测保熟的2022年盘点N个博客获得免费SSL方法
尊重原创,转载信息:本文作者:52txr 本文链接:Typecho个人博客SSL证书不够用的N种免费解决方案-陶小桃Blog 版权声明:本博客所有文章除特别声明外,均默认采用CC BY-NC-SA 4.0许可协议。SSL证书将保护从您的网站传输的敏感数据。对于个人站长来说,更多的是浏览器有个红色的不安全显得很不正宗NB。本文就介绍一下当免费的SSL证书不够用时的N种解决办法。作为新人站长,网站开启https应该是必须的。但是才知道宝塔/腾讯云/阿里云都是基于免费版TrustAsia DV ..原创 2022-05-08 09:25:23 · 493 阅读 · 0 评论 -
零基础学习WEB前端开发(二十):CSS的Emmet语法
Emmet语法的前身是Zen coding,它使用缩写来提高html/css的编写速度。Vscode内部已经集成该语法。目 录一、快速生成HTML结构语法二、快速生成CSS结构语法三、格式化代码一、快速生成HTML结构语法1.生成标签:直接输入标签名按tab键即可。比如div然后tab键,就可以生成<div></div>2.如果想要生成多个相同标签加上*就可以了比如div*3就可以快速生成3个div。注意中间不要有空格,输入完div*10之后...原创 2021-11-07 13:38:30 · 179 阅读 · 0 评论 -
零基础学习WEB前端开发(十九):CSS的引入方式(行内样式表、内部样式表、外部样式表)
一、内部样式表内部样式表,也叫内嵌样式表,写到html页面内部,是将所有的CSS代码抽取出来,单独放到<style>标签中。前面笔记所记录的都是这种内部样式表。<style>标签理论上可以放在html文档的任何地方,但一般都放在文档的<head>标签中。 用这种方式,可以方便控制当前整个页面中的元素样式设置 代码结构清晰,但是没有实现样式与结构的完全分离二、行内样式表行内样式表是用来修改段落中的一部分样式,就局部内容进行简单修改。语法:原创 2021-11-07 10:56:42 · 3486 阅读 · 0 评论 -
零基础学习WEB前端开发(十八):CSS文本外观属性
CSS Text属性可定义文本的外观,比如文本的颜色、对齐方式、装饰文本、文本缩进、行间距等。原创 2021-11-05 16:03:45 · 385 阅读 · 0 评论 -
零基础学习WEB前端开发(十七):字体大小、字体粗细和字体样式
目 录一、字体大小1.1 基本语法1.2 演示1.3 注意点二、字体粗细2.1 语法2.2 例子2.3 注意点三、字体样式3.1 语法3.2 实例演示一、字体大小1.1 基本语法font-size1.2 演示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equi...原创 2021-11-05 11:27:20 · 7250 阅读 · 0 评论 -
零基础学习WEB前端开发(十六):font-family字体系列
一、基本语法font-family二、演示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scal.原创 2021-11-05 10:38:08 · 1057 阅读 · 0 评论 -
零基础学习WEB前端开发(十五):CSS_id选择器及通配符选择器
目 录一、id选择器1.1 语法1.2 例子1.3 与类选择器的区别二、通配符选择器2.1 语法2.2 示例2.3 注意点一、id选择器id选择器可以为标有特定id的HTML元素指定特定的样式。HTML元素以id属性来设置id选择器,CSS中id选择器以#来定义。1.1 语法#id名 { 属性1: 属性值1; 属性2: 属性值2; ......}1.2 例子1.3 与类选择器的区别样式#定义,结...原创 2021-10-30 13:57:38 · 1068 阅读 · 0 评论 -
零基础学习WEB前端开发(十四):CSS标签选择器及类选择器
选择器分为基础选择器和复合选择器两个大类。基础选择器包括:标签选择器、类选择器、id选择器、通配符选择器一、标签选择器标签选择器(元素选择器)是指用HTML标签名称作为选择器,按标签名称分类,为页面中某一类标签指定统一的css格式。1.1 基本语法标签名{ 属性1: 值1;属性2: 值2;属性3: 值3; ......}1.2 示例<!DOCTYPE html><html lang="...原创 2021-10-30 13:28:39 · 584 阅读 · 0 评论 -
零基础学习WEB前端开发(十三):CSS简介及语法规范
CSS简介CSS的主要使用场景就是美化网页,布局页面。HTML的局限性HTML只单纯地关注内容,通过标签显示内容,显示元素。单纯用html搞的网页就是丑,想要做出点花样来会使代码非常臃肿。CSS-网页的美容师CSS — 层叠样式表(Cascsding Style Sheets)的简称。CSS也是一种标记语言。CSS可以设置HTML的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。CSS的语法规范css包括两部分:选原创 2021-10-29 19:55:47 · 275 阅读 · 0 评论 -
零基础学习WEB前端开发(十二):注册页面_HTML第二部分基础知识综合案例
代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <titl..原创 2021-10-29 09:53:34 · 244 阅读 · 0 评论 -
零基础学习WEB前端开发(十一):表单标签
一、什么是表单?什么是表单?像下面这种就叫做表单,有点问卷的那种:表单的目的就是为了收集信息。最常见与注册界面。一个完整的表单有三部分,分别为表单域、表单控件和提示信息。二、表单域表单域就是包含表单的区域。在HTML标签中,<form>标签用于定义表单域,以实现用户信息的收集和传递。会把它范围内的表单元素信息提交给服务器。2.1 表单域语法<form action=“url地址” method=“提交方式” name = “表单域的名...原创 2021-10-29 09:36:20 · 830 阅读 · 2 评论 -
零基础学习WEB前端开发(十):列表标签(无序列表、自定义列表、有序列表)
列表主要是用来布局的。列表最大的特点就是整齐、整洁、有序,它作为布局会更加自由方便。列表的分类:无序列表有序列表自定义列表一、无序列表<ul>标签表示HTML页面中项目的无序列表,一般会以项目符号呈现列表项,列表项使用<li>标签定义。1.1 基本语法<ul> <li>列表项1</li> <li>列表项1</li> <li>列表项1</..原创 2021-10-28 19:28:52 · 3100 阅读 · 0 评论 -
零基础学习WEB前端开发(九):表格标签
一、表格的作用表格的作用是为了展示数据,如下图所示(摘选自东方财富网股票频道):二、表格的基本语法表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。<table> <tr> <td&g原创 2021-10-25 22:52:08 · 366 阅读 · 1 评论 -
零基础学习WEB前端开发(八):HTML第一部分基础知识的综合案例
零基础学习WEB前端开发(一):网站及web标准简介零基础学习WEB前端开发(二):HTML标签及开发工具零基础学习WEB前端开发(三):VsCode工具生成的代码框架分析零基础学习WEB前端开发(四):HTML文本编辑标签及分块标签零基础学习WEB前端开发(五):HTML图像标签零基础学习WEB前端开发(六):HTML超链接标签零基础学习WEB前端开发(七):注释及特殊字符前面学习了HTML的一些基本内容,下面是HTML的一个综合案例 ,可自行下载查看。综合案例.zip原创 2021-10-23 18:45:48 · 7620 阅读 · 0 评论 -
零基础学习WEB前端开发(七):注释及特殊字符
一、注释的使用注释,就是添加一些“废话”,为了便于理解和阅读,但是并不在正式内容中显示或执行语法:<!-- 注释的内容 --><!--这是一段注释。注释不会在浏览器中显示。--><p>这是一段普通的段落。</p>可以使用快捷键进行注释:Ctrl + /二、特殊字符例如空格,在程序中敲n个空格,都是显示一个空格。但是可以使用特殊字符来实现。下面的表中是常见的字符,在代码中输入实体名称就行,注意不要丢了英文分号。常用的特...原创 2021-10-23 18:27:08 · 2296 阅读 · 0 评论 -
零基础学习WEB前端开发(六):HTML超链接标签
一、超链接二、用法及分类基本语法外部链接内部链接空连接下载链接其他元素链接锚点链接一、超链接HTML使用标签 <a>来设置超文本链接。超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。在标签<a> 中使用了href属性来描述链接的地址。默认情况下,链接将以以下形式出现在浏览器中:一个未访问过的链接原创 2021-10-22 16:38:08 · 935 阅读 · 0 评论 -
零基础学习WEB前端开发(五):HTML图像标签
一、图像标签和路径1.必须的参数:src<img src="被引用图像的地址URL" >src是<img>必须的属性,用于指定图像中的路径和文件名<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> &原创 2021-10-22 15:14:19 · 1197 阅读 · 0 评论 -
零基础学习WEB前端开发(四):HTML文本编辑标签及分块标签
1标签语义标签的语义即标签的作用含义,根据标签的语义,在合适的地方添加一个合理的标签,可以让页面结构更加清晰。2 标题标签HTML 标题(Heading)是通过<h1> - <h6> 标签来定义的。标签语义:作为标题使用,依据重要性递减特点:加了标题的文字会变粗,字号也会变大 、 一个标题独占一行代码演示:<!DOCTYPE html><html lang="en"><head> <meta ch..原创 2021-10-22 13:51:55 · 730 阅读 · 0 评论 -
零基础学习WEB前端开发(三):VsCode工具生成的代码框架分析
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>我用.原创 2021-10-22 09:00:10 · 515 阅读 · 0 评论 -
零基础学习WEB前端开发(二):HTML标签及开发工具
写HTML文件之前需要新建一个记事本:再对文件的后缀进行修改:一、HTML标签基础知识1.1 标签的写法HTML 标记标签通常被称为 HTML 标签 (HTML tag)。<标签>内容</标签>HTML 标签是由尖括号包围的关键词,比如 <html> HTML 标签通常是成对出现的,比如 <b> 和 </b>,也有少数是单标签 标签对中的第一个标签是开始标签,第二个标签是结束标签 开始和结束标签也被称为开放标签和.原创 2021-10-21 10:33:56 · 6314 阅读 · 0 评论 -
零基础学习WEB前端开发(一):网站及web标准简介
一、网页1.什么是网页?网站是网页的集合,网页是网站中的某一页,通常是HTML格式的文件,通过浏览器来阅读。网页是构成网站的基本元素,它通常由图片、链接、文字、声音、视频等元素组成。通常网页以.htm或.html后缀结尾的,通常称之为HTML文件。2.什么是HTML?超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。超文本指超越了文本,因为可以放图片,放文字,放动画,放超链接等等。可以使用 HTML 来建立原创 2021-10-21 09:23:43 · 259 阅读 · 0 评论 -
门外汉学习web前端开发辅助网站
鱼C课程案例库:零基础入门学习Web(HTML5+CSS3)https://ilovefishc.com/html5/速查宝典:HTML5 API速查https://man.ilovefishc.com/html5/速查宝典:CSS API速查https://man.ilovefishc.com/css3/课外拓展《零基础入门学习Web开发》(HTML5 & CSS3)https://fishc.com.cn/forum-354-1.html...原创 2021-10-20 16:45:55 · 175 阅读 · 0 评论