<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[greedyguttler的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/greedyguttler</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; greedyguttler]]></copyright><item><title><![CDATA[css学习——三种基本选择器]]></title><link>https://blog.youkuaiyun.com/greedyguttler/article/details/114261557</link><guid>https://blog.youkuaiyun.com/greedyguttler/article/details/114261557</guid><author>greedyguttler</author><pubDate>Mon, 01 Mar 2021 16:06:46 +0800</pubDate><description><![CDATA[选择器（选择某一个或某一类元素）
基本选择器
标签选择器
/*标签选择器会选择页面上所有的这个标签的元素*/
&lt;style&gt;
	h1{
	color:#a13d30;
	background:#1D8E46；
	border-radius:24px;
	}
	/*color字体颜色
	  background背景颜色
	  border-radius圆角*/
	p{
	font-size:80px;
	}
	/*修改字体大小，让p标签的字比h1标签的还大*/
&lt;/style&gt;

类选]]></description><category></category></item><item><title><![CDATA[css学习——导入方式]]></title><link>https://blog.youkuaiyun.com/greedyguttler/article/details/114241052</link><guid>https://blog.youkuaiyun.com/greedyguttler/article/details/114241052</guid><author>greedyguttler</author><pubDate>Mon, 01 Mar 2021 13:48:12 +0800</pubDate><description><![CDATA[四种导入方式
内部样式
&lt;!--一般写在head里面--&gt;
&lt;style&gt;
h1{
	color:green;
}
&lt;/style&gt;

行内样式
&lt;!--直接在标签中写一个style属性，然后写样式即可--&gt;
&lt;h1 style="color:red"&gt;我是标题&lt;/h1&gt;

外部样式

...]]></description><category></category></item><item><title><![CDATA[html学习——隐藏、只读、禁用、增强鼠标可用性]]></title><link>https://blog.youkuaiyun.com/greedyguttler/article/details/114005323</link><guid>https://blog.youkuaiyun.com/greedyguttler/article/details/114005323</guid><author>greedyguttler</author><pubDate>Tue, 23 Feb 2021 23:40:02 +0800</pubDate><description><![CDATA[表单的应用

隐藏域：hidden，将内容隐藏，若内容有初始值，仍然可以提交
只读：readonly，只能看无法输入
禁用：disabled，可以禁止某些按钮（与只读的区别）

&lt;form&gt;
	&lt;p&gt;
	&lt;input type="text" name="username" placeholder="请输入用户名"
	hidden&gt;
		&lt;input type="text" name="username" placeholder="请输入用户名"
	readonly&]]></description><category></category></item><item><title><![CDATA[html学习——表单的简单验证]]></title><link>https://blog.youkuaiyun.com/greedyguttler/article/details/114004921</link><guid>https://blog.youkuaiyun.com/greedyguttler/article/details/114004921</guid><author>greedyguttler</author><pubDate>Tue, 23 Feb 2021 23:07:28 +0800</pubDate><description><![CDATA[为什么要对表单进行验证？

识别错误请求，减轻服务器压力
保证数据安全性（？）
（保证安全这里没有看懂，有无大佬可以在评论区解释一下）

常用方式

placeholder ：提示语，文本框未输入时显示提示语，输入任何字符后不显示

&lt;form&gt;
	&lt;p&gt;
	&lt;input type="text" name="username" placeholder="请输入用户名"&gt;
	&lt;/p&gt;
&lt;/form&gt;


required：非空判断，元素不能为空，该文]]></description><category></category></item><item><title><![CDATA[html学习——表单的演示]]></title><link>https://blog.youkuaiyun.com/greedyguttler/article/details/114004340</link><guid>https://blog.youkuaiyun.com/greedyguttler/article/details/114004340</guid><author>greedyguttler</author><pubDate>Tue, 23 Feb 2021 22:16:29 +0800</pubDate><description><![CDATA[表单所有标签和元素的整理和演示
&lt;form method="get" action="result.html"&gt;
&lt;!--input:输入框标签，默认为text，文本框
	name:为该输入框起一个名字，用来提交数据
	maxlength="8":文本框最多可以输入8个字符
	size="30":文本框的长度时30px
--&gt;
	&lt;p&gt;用户名：&lt;input type="text" name="username" value="文本框初始值"
	maxlength="]]></description><category></category></item><item><title><![CDATA[html学习——搜索框、简单验证、滑块]]></title><link>https://blog.youkuaiyun.com/greedyguttler/article/details/114003393</link><guid>https://blog.youkuaiyun.com/greedyguttler/article/details/114003393</guid><author>greedyguttler</author><pubDate>Tue, 23 Feb 2021 22:09:04 +0800</pubDate><description><![CDATA[简单验证、滑块、搜索框

上为显示效果下为代码
&lt;form method="get" action="result.html"&gt;
&lt;!--邮箱验证--&gt;
	&lt;p&gt;邮箱：
	&lt;input type="email" name="email"&gt;
	&lt;/p&gt;
&lt;!--网址验证--&gt;
	&lt;p&gt;url：
	&lt;input type="url" name="url"&gt;
	&lt;/p&gt;
&lt;!--数字验证
	max:数]]></description><category></category></item><item><title><![CDATA[html学习——列表框、文本域、文件域]]></title><link>https://blog.youkuaiyun.com/greedyguttler/article/details/114002432</link><guid>https://blog.youkuaiyun.com/greedyguttler/article/details/114002432</guid><author>greedyguttler</author><pubDate>Tue, 23 Feb 2021 21:20:44 +0800</pubDate><description><![CDATA[下拉框、文本域、文件域

上为演示效果下为代码
&lt;form method="get" action="result.html"&gt;
&lt;!--input:输入框标签，默认为text，文本框
	name:为该输入框起一个名字，用来提交数据
	maxlength="8":文本框最多可以输入8个字符
	size="30":文本框的长度时30px
--&gt;
	&lt;p&gt;用户名：&lt;input type="text" name="username" value="文本框初始值"
	max]]></description><category></category></item><item><title><![CDATA[html学习——按钮与多选框]]></title><link>https://blog.youkuaiyun.com/greedyguttler/article/details/114001714</link><guid>https://blog.youkuaiyun.com/greedyguttler/article/details/114001714</guid><author>greedyguttler</author><pubDate>Tue, 23 Feb 2021 20:26:47 +0800</pubDate><description><![CDATA[多选框与按钮

上为演示效果下为代码
&lt;form method="get" action="result.html"&gt;
&lt;!--input:输入框标签，默认为text，文本框
	name:为该输入框起一个名字，用来提交数据
	maxlength="8":文本框最多可以输入8个字符
	size="30":文本框的长度时30px
--&gt;
	&lt;p&gt;用户名：&lt;input type="text" name="username" value="文本框初始值"
	maxlengt]]></description><category></category></item><item><title><![CDATA[html学习——表单元素格式、单选框]]></title><link>https://blog.youkuaiyun.com/greedyguttler/article/details/113956339</link><guid>https://blog.youkuaiyun.com/greedyguttler/article/details/113956339</guid><author>greedyguttler</author><pubDate>Mon, 22 Feb 2021 22:33:08 +0800</pubDate><description><![CDATA[表单元素格式


	属性
	说明


	type
	指定元素的类型，文本框text，密码框password，多选框checkbox，单选框radio，提交按钮submit，重置按钮reset，文件框file，隐藏hidden，图片框image，按钮button


	name
	指定表单元素的名称


	value
	元素的初始值，type为单选框radio时必须指定一个值


	size
	指定表单元素的初始宽度，当type为text或者password时，表单元素的大小以字符为单位，对其他的类型，宽度以]]></description><category></category></item><item><title><![CDATA[html学习——表单的提交post、get]]></title><link>https://blog.youkuaiyun.com/greedyguttler/article/details/113951927</link><guid>https://blog.youkuaiyun.com/greedyguttler/article/details/113951927</guid><author>greedyguttler</author><pubDate>Mon, 22 Feb 2021 21:57:30 +0800</pubDate><description><![CDATA[表单



form：表单标签
method：表单提交的方式，post/get。
action：表单数据提交的位置，可以是网页，也可以是一个请求地址
&lt;form method="post" action="result.html"&gt;
&lt;/form&gt;
&lt;!--post相对来说安全一点，可以传输大文件
	get数据会显示在url中，不安全，一般做学习和练习使用
--&gt;
&lt;form method="get" action="result.html"&gt;
&lt;/fo]]></description><category></category></item><item><title><![CDATA[html学习——iframe内联框架]]></title><link>https://blog.youkuaiyun.com/greedyguttler/article/details/113949735</link><guid>https://blog.youkuaiyun.com/greedyguttler/article/details/113949735</guid><author>greedyguttler</author><pubDate>Mon, 22 Feb 2021 19:32:06 +0800</pubDate><description><![CDATA[iframe内联框架
简单来说就是在一个网站里面嵌套另外一个
简单的写法及示例
&lt;iframe src="网站地址" name="" frameborder="边框" width="宽" height="高"&gt;&lt;/iframe&gt;
&lt;iframe src="https://www.baidu.com" width="1000" height="800"&gt;&lt;/iframe&gt;

拓展:如果将 内联框架 留空并加上name属性，用a标签将 内容 跳转到 内联边框 打开]]></description><category></category></item><item><title><![CDATA[html学习——媒体元素及页面结构分析]]></title><link>https://blog.youkuaiyun.com/greedyguttler/article/details/113919856</link><guid>https://blog.youkuaiyun.com/greedyguttler/article/details/113919856</guid><author>greedyguttler</author><pubDate>Sun, 21 Feb 2021 17:07:24 +0800</pubDate><description><![CDATA[音频和视频
audio：音频标签
video：视频标签
src：资源地址
controls元素：音频/视频控制器
autoplay元素：加载后自动播放
&lt;!--网易云网页版找到音乐后，点击生成外链播放器--&gt;
&lt;video src="1.mp4" controls autoplay&gt;有控制器且自动播放的视频&lt;/video&gt;
&lt;audio src="1.mp3" controls autoplay&gt;有控制器且自动播放的音频&lt;/audio&gt;


## ]]></description><category></category></item><item><title><![CDATA[html学习——表格标签]]></title><link>https://blog.youkuaiyun.com/greedyguttler/article/details/113918959</link><guid>https://blog.youkuaiyun.com/greedyguttler/article/details/113918959</guid><author>greedyguttler</author><pubDate>Sun, 21 Feb 2021 16:26:13 +0800</pubDate><description><![CDATA[表格

	
		1-1
		1-2
		1-3
	
		
		2-1
		2-2
		2-3
	
		
		3-1
		3-2
		3-3
	

&lt;!--表格标签table
	行标签tr
	列标签td
	边框标签border，可以编辑边框宽度
	--&gt;
&lt;table border="1px"&gt;
	&lt;tr&gt;
		&lt;td&gt;1-1&lt;/td&gt;
		&lt;td&gt;1-2&lt;/td&gt;
		&lt;td&gt;1-3&lt;/td&gt;
	&l]]></description><category></category></item><item><title><![CDATA[html学习——列表标签]]></title><link>https://blog.youkuaiyun.com/greedyguttler/article/details/113918447</link><guid>https://blog.youkuaiyun.com/greedyguttler/article/details/113918447</guid><author>greedyguttler</author><pubDate>Sun, 21 Feb 2021 15:25:34 +0800</pubDate><description><![CDATA[列表分类
(上为显示效果，下为代码)
无序列表

A
B
C
D

&lt;!--应用范围：导航、侧边栏等等--&gt;
&lt;ul&gt;
	&lt;li&gt;A&lt;/li&gt;
	&lt;li&gt;B&lt;/li&gt;
	&lt;li&gt;C&lt;/li&gt;
	&lt;li&gt;D&lt;/li&gt;
&lt;/ul&gt;

有序列表

A
B
C
D

&lt;!--应用范围：试卷、问答等等--&gt;
&lt;ol&gt;
	&lt;li&gt;A&lt;/li&gt;]]></description><category></category></item><item><title><![CDATA[html学习——块元素和行内元素]]></title><link>https://blog.youkuaiyun.com/greedyguttler/article/details/113918112</link><guid>https://blog.youkuaiyun.com/greedyguttler/article/details/113918112</guid><author>greedyguttler</author><pubDate>Sun, 21 Feb 2021 14:53:18 +0800</pubDate><description><![CDATA[块元素和行内元素
块元素
无论内容多少，该元素独占一行
例如p标签和标题标签等等
行内元素
内容撑开宽度，左右都是行内元素可以摆在一行
例如超链接a标签，斜体em标签，换行br标签

]]></description><category></category></item><item><title><![CDATA[html学习——超链接标签]]></title><link>https://blog.youkuaiyun.com/greedyguttler/article/details/113917000</link><guid>https://blog.youkuaiyun.com/greedyguttler/article/details/113917000</guid><author>greedyguttler</author><pubDate>Sun, 21 Feb 2021 14:36:59 +0800</pubDate><description><![CDATA[超链接标签
a标签
&lt;a herf="要跳转的链接"&gt;点击我跳转到页面&lt;/a&gt;

示例
&lt;a herf="http://www.baidu.com"&gt;点击我跳转到百度&lt;/a&gt;
&lt;a herf="https://editor.youkuaiyun.com/md/?articleId=113860012"&gt;点击我跳
转到我的第一篇博客&lt;/a&gt;
&lt;a herf="http://www.kafuchino.vip"&gt;点击我跳转到智乃导航&lt;]]></description><category></category></item><item><title><![CDATA[html学习——图像标签]]></title><link>https://blog.youkuaiyun.com/greedyguttler/article/details/113916516</link><guid>https://blog.youkuaiyun.com/greedyguttler/article/details/113916516</guid><author>greedyguttler</author><pubDate>Sun, 21 Feb 2021 13:22:45 +0800</pubDate><description><![CDATA[网页图片标签
常见的图片格式
jpg、png、bmp、gif
&lt;img src="..." alt="..."/&gt;
注意是src不要错写

&lt;img src="图片地址" alt="图片描述" title="悬停文字" 
height="图片的=宽" weight="图片的高"/&gt;


图片地址分为 相对地址 和 绝对地址
相对地址：…/resources/img/1.jpg
意思是上一级目录 下的资源目录 下的图片文件夹 下的i.jpg（如下图所示）




html






]]></description><category></category></item><item><title><![CDATA[html学习——网页基本标签]]></title><link>https://blog.youkuaiyun.com/greedyguttler/article/details/113915852</link><guid>https://blog.youkuaiyun.com/greedyguttler/article/details/113915852</guid><author>greedyguttler</author><pubDate>Sun, 21 Feb 2021 12:19:36 +0800</pubDate><description><![CDATA[html第二次学习
网页基本标签
标题标签
&lt;h1&gt;网页一级标签&lt;/h1&gt;
&lt;h2&gt;网页一级标签&lt;/h2&gt;
&lt;h3&gt;网页一级标签&lt;/h3&gt;
&lt;h4&gt;网页一级标签&lt;/h4&gt;
&lt;h5&gt;网页一级标签&lt;/h5&gt;
&lt;h6&gt;网页六级标签&lt;/h6&gt;

段落标签
&lt;p&gt;p标签用来分段，大量使用，与换行标签区别。&lt;/p&gt;

换行标签
换行标签是单标签,文字间距]]></description><category></category></item><item><title><![CDATA[html学习——网页基本信息]]></title><link>https://blog.youkuaiyun.com/greedyguttler/article/details/113915387</link><guid>https://blog.youkuaiyun.com/greedyguttler/article/details/113915387</guid><author>greedyguttler</author><pubDate>Sun, 21 Feb 2021 11:33:20 +0800</pubDate><description><![CDATA[html第一次学习
网页基本信息

DOCTYPE : 告诉浏览器，我们要使用的规范
head：表示网页的头部
meta:描述性标签用来描述网站的一些信息
meta一般用来做seo
title：网页标题
body：代表网页主体

]]></description><category></category></item><item><title><![CDATA[我的第一篇博客]]></title><link>https://blog.youkuaiyun.com/greedyguttler/article/details/113860012</link><guid>https://blog.youkuaiyun.com/greedyguttler/article/details/113860012</guid><author>greedyguttler</author><pubDate>Fri, 19 Feb 2021 12:10:35 +0800</pubDate><description><![CDATA[我的第一篇博客
markdown学习
字体
hello world
hello world
hello world
hello world
引用

人生没有白走的路，每一步都算数。

分割线


图片

超链接
点击跳转到智乃导航
列表

A
B
C


A
B
C、

表格




姓名
性别
年龄




小明
男
18


代码
public


...]]></description><category></category></item></channel></rss>