2021年11月4日

10-5.代码输入快捷方式
摘要： 代码快捷输入： 1.父子关系 ul>li+Tab键 2.兄弟关系 div+p+Tab键 3.乘法关系 div*3+Tab键 4.id属性和class属性 div.one+Tab键 div#tow+Tab键 5.元素内容 div.one{aaaa}+Tab键 6.自增符号：$ p.a${woshidi 阅读全文
posted @ 2021-11-04 22:58 Walker-Yang 阅读(132) 评论(0) 推荐(0)
10-3.网页编码及乱码处理
摘要： 1.网页编码：网页中特定的字符编码 2.常用的字符编码：UTF-8,万国码，几乎支持所有的语言，推荐使用 GBK(gb2312)：汉字内码扩展，兼容gb2312，中文编码 3.网页需要正常设置编码，才能在浏览器中正常显示 4.网页编码分成两部分：一部分是头部设置的编码，另一部分是网页本身的编码 5. 阅读全文
posted @ 2021-11-04 22:57 Walker-Yang 阅读(132) 评论(0) 推荐(0)
10-4.图像地图
摘要： 1.图像地图：把图像分成很多区块，其中每个区块都是一个超链接 2.使用dw进行设计，属性一栏，选择区块设计，进行设置即可 阅读全文
posted @ 2021-11-04 22:57 Walker-Yang 阅读(35) 评论(0) 推荐(0)
10-2.标签嵌套
摘要： 1.块级元素： 常见有：div，所有布局元素，h1-h6，p，ul,ol,dl,li.... 2.行级元素： 常见有：a，span,b,strong,i,em,sub,sup,ins... 3.行内块级元素： 常见有：img,input,video,audio.... 嵌套关系: 1.块级元素：可以 阅读全文
posted @ 2021-11-04 22:56 Walker-Yang 阅读(75) 评论(0) 推荐(0)
10-1.内联框架
摘要： 1.iframe对标签：定义内联框架，创建包含另外一个文档的内联框架 2.src属性：引入资源的路径，为url 3.frameborder属性：属性值有两个，0和1,0指的是不添加边框，1指的是添加边框 阅读全文
posted @ 2021-11-04 22:55 Walker-Yang 阅读(58) 评论(0) 推荐(0)
9-23.表单实战
摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表单实战</title> </head> <body> <form action="http://www.baidu.com" method="get"> 姓名*：<input t 阅读全文
posted @ 2021-11-04 22:54 Walker-Yang 阅读(32) 评论(0) 推荐(0)
9-22.button按钮
摘要： 1.button按钮：type属性可以设置三个值：submit，reset,button，含义和input按钮一样,可以进行更加复杂的样式设计。2.在表单中建议使用input标签，表单外使用button按钮，用来触发js form action="http://www.baidu.com" meth 阅读全文
posted @ 2021-11-04 22:53 Walker-Yang 阅读(189) 评论(0) 推荐(0)
9-21.下拉列表分组
摘要： 1.下拉列表：select双标签,option表示每个下拉列表项,向服务器中发送的是value值。2.下拉列表分组：optgroup双标签，用来对option分组，使用label属性设置分组的名称。 <form action="http://127.0.0.1/51zxw5.php" method= 阅读全文
posted @ 2021-11-04 22:52 Walker-Yang 阅读(173) 评论(0) 推荐(0)
9-19.多行文本输入框
摘要： 多行文本输入框：textarea双标签，可以容纳无限的文本输入，多行文本输入框和单行文本输入框的属性差不多，不要使用rows(行数)和列数（cols）设置，应使用css进行设置，也可以在表单之外使用 阅读全文
posted @ 2021-11-04 22:49 Walker-Yang 阅读(183) 评论(0) 推荐(0)
9-20.下拉列表
摘要： <form action="http://www.baidu.com" method="get"> <select name="dongbeisansheng" multiple="multiple" size="0" style="width: 100px;height:20px ;" > <op 阅读全文
posted @ 2021-11-04 22:49 Walker-Yang 阅读(7) 评论(0) 推荐(0)
9-18.表单验证属性
摘要： input的属性： 1.pattern属性：规定输入字符的模式，指的是正则表达式2.required属性：规定必须填写内容 阅读全文
posted @ 2021-11-04 22:48 Walker-Yang 阅读(68) 评论(0) 推荐(0)
9-17.电子邮箱和网址输入框
摘要： type属性 1.电子邮箱：type="email",必须输入邮箱地址，会对输入的内容进行验证，符合就发送，否则会拒绝2.网址输入框：type="url"，必须输入带有协议的完整网址，会对输入的内容进行验证，符合就发送，否则会拒绝 阅读全文
posted @ 2021-11-04 22:47 Walker-Yang 阅读(271) 评论(0) 推荐(0)
9-16.复选框
摘要： 复选框：type="checkbox",name属性值必须设置为相同，并在在属性值后面加上中括号，向服务器发送的是value的值，checked属性设置成默认选取状态，再次点击时取消选择。 阅读全文
posted @ 2021-11-04 22:46 Walker-Yang 阅读(88) 评论(0) 推荐(0)
9-14.时间输入框，颜色选择器和文件域
摘要： type属性： 1.时间输入框：type="date/datetime/datetime-local/month/week"2.颜色选择器：type="color"3.文本域：type="file",用于文件上传，accept属性设置选择文件的类型，multiple属性设置同时一次上传多个文件,选择 阅读全文
posted @ 2021-11-04 22:45 Walker-Yang 阅读(33) 评论(0) 推荐(0)
9-15.单选框
摘要： 单选框：type="radio",name属性值需要设置成一样，checked属性表示默认选择,向服务器发送的是value的值 阅读全文
posted @ 2021-11-04 22:45 Walker-Yang 阅读(26) 评论(0) 推荐(0)
9-13.数字输入框和活动条
摘要： type属性： 1.数字输入框：type="number",专门用来输入数字，其他类型不能输入，min属性用来指定允许输入的最小值，max属性用来指定允许输入的最大值，step属性用来指定数字入数字的步长2.活动条：type="range",专门用来输入数字，其他类型不能输入，min属性用来指定允许 阅读全文
posted @ 2021-11-04 22:44 Walker-Yang 阅读(47) 评论(0) 推荐(0)
9-12.普通按钮和隐藏域
摘要： type属性： 1.普通按钮：type="button",定义的是一个可以点击的按钮，但是没有任何行为，默认没有任何样式，可以通过修改value值更改按钮的名称，常用于点击按钮时来启动js程序2.隐藏域：type="hidden"，隐藏域不会显示在页面中，一般是网页设计者设置好的数据，表单在提交的时 阅读全文
posted @ 2021-11-04 22:43 Walker-Yang 阅读(122) 评论(0) 推荐(0)
　9-11.提交按钮和重置按钮
摘要： type属性： 1.提交按钮：type="submit",点击后将数据发送到服务器，可以通过修改value值更改按钮的名称2.重置按钮：type="reset"，点击后会将表单中的内容重置，也可以通过修改value值更改按钮的名称 阅读全文
posted @ 2021-11-04 22:42 Walker-Yang 阅读(725) 评论(0) 推荐(0)
　9-10.单行文本和密码输入框
摘要： type属性值： 1.单行文本输入框：属性值为text,默认值，可以输入任意类型的文本，例如数字，汉字和字母，输入的内容以单行显示 2.密码输入框：属性值为password，输入的字符会以小圆点或者星号显示，输入的内容被隐藏 阅读全文
posted @ 2021-11-04 22:41 Walker-Yang 阅读(411) 评论(0) 推荐(0)
9-9.autofocus和autocomplete属性
摘要： 1.autofocus属性：让输入框自动获得焦点，打开页面后，光标自动处于编辑状态2.autocomplete属性：定义浏览器是否开启记忆功能，属性值有两个值：on和off 阅读全文
posted @ 2021-11-04 22:40 Walker-Yang 阅读(244) 评论(0) 推荐(0)
9-8.maxlength和disabled属性
摘要： 1.maxlength属性：用来控制最大的输入字数，包括汉字，英文和数字2.disable属性：设置为不可用，不可操作，不能修改，不提交到服务器，一般用于格式提示 阅读全文
posted @ 2021-11-04 22:39 Walker-Yang 阅读(132) 评论(0) 推荐(0)
9-7.value和placeholder属性
摘要： 1.value属性：输入框中的默认值，当文本框输入时不会被清空，属性值会发送到服务器,不输入时，默认值会发送到服务器2.placeholder属性：输入框中的默认值，当文本框输入时会被清空，默认值不会发送到服务器 阅读全文
posted @ 2021-11-04 22:38 Walker-Yang 阅读(210) 评论(0) 推荐(0)
9-6.type和name属性
摘要： input元素是最常用的表单控件，可以在表单之外使用。1.type属性：指定输入内容的类型，默认值是text，也就是单行文本框，必须要有的属性，属性值可以不写2.name属性：向服务器传输数据时的参数名称，方便服务器接收，必须要有，表单接收找的就是name的属性值 阅读全文
posted @ 2021-11-04 22:37 Walker-Yang 阅读(371) 评论(0) 推荐(0)
9-5.表单发送
摘要： 表单发送： 1.表单接收程序，也就是PHP文件，放在服务器的环境中，也就是www文件夹中 2.表单发送地址，一定要填写完整域名，加上http://或者https:// 阅读全文
posted @ 2021-11-04 22:27 Walker-Yang 阅读(59) 评论(0) 推荐(0)
9-4.本地服务器安装
摘要： 本地安装服务器环境： 1.下载phpstudy软件，点击安装2.打开软件，启动套件中的前三项3.打开浏览器，地址栏中输入127.0.0.1，回车4.看到站点安装成功，表示本地服务器安装成功5.把程序目录中的www文件夹发送到桌面快捷方式6.把创建的php文件复制到www的文件夹中。7.打开浏览器，输 阅读全文
posted @ 2021-11-04 22:16 Walker-Yang 阅读(48) 评论(0) 推荐(0)
9-3.get和post的区别
摘要： get和post区别 1.get方法提交数据：默认值，数据会附在网址之后提交给服务器，不安全，数据量很小 2.post方法提交数据：数据不会附在网址之后，会将表单中的所有数据打包发送给服务器，等待服务器读取，安全过程，使用最多的提交方法，提交的数据量不受限制。 阅读全文
posted @ 2021-11-04 21:53 Walker-Yang 阅读(41) 评论(0) 推荐(0)
9-2.form的元素属性
摘要： form的元素属性： <form action="" method="post" name="表单名称" target="_self" novalidate> <input type="text" name="uname" value="请输入..."> <input type="submit" v 阅读全文
posted @ 2021-11-04 21:49 Walker-Yang 阅读(68) 评论(0) 推荐(0)
9-1.创建表单
摘要： 创建表单： 1.form双标签用于创建一个表单，会将表单里面的内容发送到服务器，结构类似于表格 2.表单中的其他元素都要包含在form标签中 3.action属性：指定表单发送到服务器的地址，必须要有 4.method属性：表单数据发送至服务器的方法，常用有两种：get（默认）和post <form 阅读全文
posted @ 2021-11-04 21:48 Walker-Yang 阅读(393) 评论(0) 推荐(0)
8-6.布局元素实战
摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>我要自学网首页</title> <style type="text/css"> header{ width: 1366px; margin:0 auto; } nav{ width 阅读全文
posted @ 2021-11-04 21:42 Walker-Yang 阅读(16) 评论(0) 推荐(0)
8-5.section和article标签
摘要： section标签和article标签：是html5新增的标签，相当于div的变种，他们有很强的语意，使得页面结构更加清晰。IE8以及更早的版本不支持。1.section标签：对页面上的内容进行分块，通常由内容及其标题组成，使用起来比较苛刻。2.article标签：用来定义独立的，完整的，可以独立被 阅读全文
posted @ 2021-11-04 21:41 Walker-Yang 阅读(274) 评论(0) 推荐(0)
8-4.nav和aside标签
摘要： nav标签和aside标签：是html5新增的标签，相当于div的变种，他们有很强的语意，使得页面结构更加清晰。IE8以及更早的版本不支持。1.nav双标签：定义导航栏2.aside双标签：定义侧边栏 阅读全文
posted @ 2021-11-04 21:39 Walker-Yang 阅读(313) 评论(0) 推荐(0)
8-3.header和footer标签
摘要： header和footer标签：是html5新增的标签，相当于div的变种，他们有很强的语意，使得页面结构更加清晰。IE8以及更早的版本不支持。1.header标签：用来定义页眉，相当于可见内容的头部2.footer标签：用来定义页脚，相当于可见内容的尾部 阅读全文
posted @ 2021-11-04 21:38 Walker-Yang 阅读(817) 评论(0) 推荐(0)
8-2.div标签
摘要： div双标签： 1.定义文档中的区块，可以把文档分割为独立的，不同的部分 2.div标签可以嵌套任何元素，包括div元素 3.div元素用来承载内容，相当于一个容器，没有其他任何样式，是使用最广泛的元素，所有浏览器都支持div标签。 阅读全文
posted @ 2021-11-04 21:35 Walker-Yang 阅读(113) 评论(0) 推荐(0)
8-1.元素类型
摘要： 元素类型： a.块级元素： 1.会独占一行，不和其他元素并列一起2.例如：标题标签h1-h6，段落元素p3.可以设置宽高4.可以用来对页面进行布局，承载内容 b.行级元素： 1.不会独占一行，和其他元素并列在一起2.不可以设置宽高,宽高是由里面的内容来决定 c.行内块级元素： 1.不会独占一行，和其 阅读全文
posted @ 2021-11-04 21:34 Walker-Yang 阅读(38) 评论(0) 推荐(0)
7-6.制作课程表
摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>课程表</title> <style type="text/css"> h1{ text-align: center; color: red; } td{ text-align: 阅读全文
posted @ 2021-11-04 21:31 Walker-Yang 阅读(58) 评论(0) 推荐(0)
7-5.单元格合并
摘要： 单元格合并： 1.首先找到需要合并的单元格，保留要留下的单元格，删除不要的单元格 设置横跨的列数或者行数: 2.合并左右的单元格，表示的是合并列，colspan="横跨的列数" 3.合并上下的单元格，表示的是合并行，rowspan="横跨的行数" 4.合并左右，上下的单元格（合并列和合并行），保留的 阅读全文
posted @ 2021-11-04 21:30 Walker-Yang 阅读(964) 评论(0) 推荐(0)
7-4.创建表格
摘要： 创建表格： 1.使用的是table双标签 2.tr双标签表示表格中的一行 3.th双标签表示表头单元格，文字会居中，有加粗效果 4.td双标签表示普通单元格，文字会左对齐，没有加粗效果 <table> <tr> <th>表头单元格第一行第一列</th> <th>表头单元格第一行第二列</th> <t 阅读全文
posted @ 2021-11-04 21:21 Walker-Yang 阅读(347) 评论(0) 推荐(0)
7-3.自定义列表
摘要： 自定义列表： 1.自定义列表是两个层次的列表，可以实现一个列表中多个分组 2.自定义列表有三种标签构成 3.语法： <dl><!--表示自定义列表开始--> <dt>第一个分组名称</dt><!--表示列表第一组标题的开始和结束--> <dd>分组成员1的名称</dd><!--表示列表第一组第1个列 阅读全文
posted @ 2021-11-04 21:12 Walker-Yang 阅读(495) 评论(0) 推荐(0)
7-2.有序列表
摘要： 有序列表： 1.样式基本相同的一组元素，称为列表 2.有序列表的列表项有逻辑上的先后顺序，有级别之分 3.列表项之间属于并列关系 4.语法： <ol type="1"><!--有序列表开始--> <li>第一个列表项</li> <li>第二个列表项</li> <li>第三个列表项</li> </ol 阅读全文
posted @ 2021-11-04 20:59 Walker-Yang 阅读(315) 评论(0) 推荐(0)
7-1.无序列表
摘要： 无序列表： 1.样式基本相同的一组元素，成为列表 2.无序列表的列表项没有逻辑上的先后顺序，没有级别之分 3.列表项之间属于并列关系 4.语法： <ul><!--无序列表开始--> <li>第一个列表项</li> <li>第二个列表项</li> <li>第三个列表项</li> </ul><!--无序 阅读全文
posted @ 2021-11-04 20:53 Walker-Yang 阅读(575) 评论(0) 推荐(0)
6-8.其他文本标签
摘要： 其他文本标签： 1.ins双标签：用来给文本添加下划线 2.del双标签：用来给文本添加删除线 3.sup双标签：用来设置上标，为当前文档字体大小的一半 4.sub双标签：用来设置下标，为当前文档字体大小的一半 5.mark双标签：用来给文本添加黄色背景颜色，突出显示文本 总结：以上标签仅做了解，基 阅读全文
posted @ 2021-11-04 20:45 Walker-Yang 阅读(62) 评论(0) 推荐(0)
6-7.span标签和字符实体
摘要： span标签： 1.span双标签，不会给文本添加任何样式，只是仅仅为了给文本添加额外的结构 2.使用css层叠样式表可以给span元素添加丰富的样式 3.span双标签是使用最多的文本标签 字符实体： 1.html中预留字符必须替换成字符实体，才能被浏览器正常识别 2.常见的字符实体： 空格：&n 阅读全文
posted @ 2021-11-04 20:41 Walker-Yang 阅读(107) 评论(0) 推荐(0)
6-6.水平分隔线
摘要： 水平分隔线： 1.为了让文档的结构层次更加分明，我们可以使用水平分隔线将不同的内容分隔开来 2.水平分隔线在浏览器中显示的是一条长实线 <hr size="3" width="100px"/> 3.可以使用hr的size属性和width属性等设置水平分隔线的样式，一般不建议使用，使用css更加方便 阅读全文
posted @ 2021-11-04 20:13 Walker-Yang 阅读(95) 评论(0) 推荐(0)
6-5.换行标签
摘要： 换行标签： 1.使用br单标签，在不起另外一段的情况下，用来给元素进行换行 2.不仅可以给文本元素换行，其他元素也可以强制换行 3.使用多个br标签可以进行多次换行 <br/>我是换行符 阅读全文
posted @ 2021-11-04 20:04 Walker-Yang 阅读(406) 评论(0) 推荐(0)
6-4.粗体标签
摘要： 粗体标签： 1.使用b双标签和strong双标签来给文字添加文本加粗效果 2.b双标签：只是单纯设置文本为加粗效果 <b>我是b标签，单纯显示斜体加粗效果</b> 3.strong双标签：显示文本为加粗效果，而且还有强调作用 <strong>我是strong标签，除了显示文本加粗效果外，还有很强的强 阅读全文
posted @ 2021-11-04 20:01 Walker-Yang 阅读(335) 评论(0) 推荐(0)
6-3.斜体标签
摘要： 斜体标签： 1.斜体标签有两个：i双标签和em双标签 2.i双标签：只是单纯设置文本为斜体效果 <i>我是i标签，单纯显示斜体文本效果</i> 3.em双标签：显示文本为斜体效果，而且还有强调作用 <em>我是em标签，除了显示文本斜体效果外，还有很强的强调作用</em> 注意：强调不能乱用，有些很 阅读全文
posted @ 2021-11-04 19:18 Walker-Yang 阅读(497) 评论(0) 推荐(0)
6-2.段落元素
摘要： 段落元素： 1.使用p双标签来定义一个段落 2.浏览器会忽略文本中的代码，多个空格，制表符，回车，换行符会解析成一个空格（很重要） 3.p双标签标记的元素会独占一行 <p>我是一个段落</p> 阅读全文
posted @ 2021-11-04 19:14 Walker-Yang 阅读(57) 评论(0) 推荐(0)
6-1.标题元素
摘要： 标题元素： 1.使用h1-h6双标签来定义标题,有很强的的语意 2.h1-h6的强调作用依次递减，h1用来定义做大的标题，h6用来定义最小的标题 3.标题标签会独占一行 4.h1大标题只能使用一次，因为一篇文档的标题只能有一个，h2-h6小标题可以使用多次 5.不用试图使用标题标签来改变文字的样式， 阅读全文
posted @ 2021-11-04 19:11 Walker-Yang 阅读(183) 评论(0) 推荐(0)
5-6.定义媒介资源
摘要： 定义媒介资源： 1.使用的是source双标签，主要是用来给audio和video定义媒介资源 2.作用是为了让引入的文件格式支持多个浏览器浏览器，保证视频和音频的正常引入，这时就要使用到定义媒介资源 3.语法：以video双标签为例 <video name="媒介资源" controls widt 阅读全文
posted @ 2021-11-04 17:27 Walker-Yang 阅读(201) 评论(0) 推荐(0)
5-5.视频的引入
摘要： 视频的引入： 1.使用的是video双标签,是html5新增的标签，IE8.0之前的版本不支持，用于引入视频文件 <video src="目标视频文件的路径" controls="controls" autoplay="autoplay" muted="muted" loop="loop" prel 阅读全文
posted @ 2021-11-04 17:11 Walker-Yang 阅读(225) 评论(0) 推荐(0)
5-4.音频的引入
摘要： 音频的引入： 1.使用的是audio双标签,是html5新增的标签，IE8.0之前的版本不支持，用于引入音频文件 <audio src="目标音频文件的路径" controls="controls" autoplay="autoplay" muted="muted" loop="loop" prel 阅读全文
posted @ 2021-11-04 17:07 Walker-Yang 阅读(80) 评论(0) 推荐(0)
5-3.常用的图片格式
摘要： 常用的图片格式： jpg格式的图片：1.色彩丰富，压缩比高，体积小，画质损失小 2.不支持透明度，不支持动画 3.适用于色彩丰富，不需要透明度和动画的场景 png格式的图片：1.色彩丰富，压缩比高，画质损失小，体积小，比jpg大 2.支持任意透明度，不支持动画 3.适用于支持透明度，但不需要动画的场 阅读全文
posted @ 2021-11-04 17:00 Walker-Yang 阅读(677) 评论(0) 推荐(0)
5-2.像素单位
摘要： 像素单位： 1.像素就是屏幕上的一个个小点，单位是px 2.当屏幕的分辨率确定时，像素就是一个确定的值 3.相同大小的屏幕，分辨率越高，图片就越清晰，画面就更加细腻 4.像素是网页开发中使用最多的尺寸单位 阅读全文
posted @ 2021-11-04 16:54 Walker-Yang 阅读(1288) 评论(0) 推荐(0)
5-1.图片的引入
摘要： 图片的引入： 1.使用img单标签引入图片 <img src="引入目标图标的路径" alt="替换文本" width="设置宽度" height="设置高度" /> 2.src属性：指定引入的目标图片的路径，可以是绝对路径，也可以是相对路径 3.alt属性：当图片无法正常显示时，显示的替换文本 4 阅读全文
posted @ 2021-11-04 16:51 Walker-Yang 阅读(169) 评论(0) 推荐(0)
4-10.锚链接和空链接
摘要： 锚链接： 1.使用的是a双标签，配合id属性来进行设置 2.首先在需要设置锚点的位置设置一个id属性，然后使用超链接进行关联 3.举例：当锚链接和目标文档在同一文档中时： <a href="#one">第一章</a> <a href="#two" >第二章</a> <a href="#three" 阅读全文
posted @ 2021-11-04 16:11 Walker-Yang 阅读(112) 评论(0) 推荐(0)
4-9.文件下载
摘要： 文件下载： <a href="下载文件的路径" download="下载文件的名称">文件下载</a> 1.使用的是a双标签 2.href属性：指定的是目标下载文件的路径，可以是相对路径，也可以是绝对路径 3.download属性：a.不添加该属性时，如果下载的文件类型浏览器可以识别会直接显示，不能 阅读全文
posted @ 2021-11-04 15:53 Walker-Yang 阅读(26) 评论(0) 推荐(0)
4-8.自定义属性
摘要： 自定义属性： 1.自己来定义属性名和属性值 2.自定义属性用的不多 <a zxw="one" href="http://www.baidu.net">百度一下，你就知道</a> 这里自定义属性为：zxw（自定义属性名）="one(自定义属性值)" 自定义数据属性: 1.用来自定义程序中的数据属性 2 阅读全文
posted @ 2021-11-04 15:45 Walker-Yang 阅读(109) 评论(0) 推荐(0)
4-7.title和style属性
摘要： title属性： 1.使用title属性用来设置鼠标移动到元素上时，显示的提示文本 2.title属性用来设置元素的额外信息 style属性： 1.写在开始标签中，与标签名和其他属性之间使用空格隔开 2.用来定义元素的行内样式，优先级最高 3.存在多个属性时（属性名：属性值），他们之间使用分号隔开 阅读全文
posted @ 2021-11-04 15:28 Walker-Yang 阅读(487) 评论(0) 推荐(0)
4-6.class属性
摘要： class属性：属于标准属性 1.class属性用来定义一类元素，任何元素都可以拥有class属性 2.在同一页面中，不同的元素，相同的元素中都可以拥有相同的类名 3.在一个页面中，一个元素可以设置多个class值，多个class值之间使用空格隔开 4.class属性用于选择一堆元素，通常用于css 阅读全文
posted @ 2021-11-04 15:23 Walker-Yang 阅读(558) 评论(0) 推荐(0)
4-5.ID属性
摘要： ID属性：属于标准属性 1.ID属性是描述元素的唯一标识，任何元素都可以设置ID属性 2.同一页面中，相同的标签不能同时定义一样的ID值 3.同一页面中，不同的标签也不能定义相同的ID值 4.ID值不能以数字开头，以字母开头，可以是数字，下划线和字母的组合，字母建议使用小写 5.ID属性多用来定义设 阅读全文
posted @ 2021-11-04 15:19 Walker-Yang 阅读(262) 评论(0) 推荐(0)
4-4.相对路径
摘要： 相对路径： 定义：以当前文档的位置作为参考，目标文件按照相对于当前文档的位置进行描述的一种方式 1.在同一个目录下时： <a href="相对于同目录下的路径，不用返回"></a> 2.不在同一个目录下时： 使用多个../返回多层，直至返回至同一目录下，然后在进行关联 <a href="../../ 阅读全文
posted @ 2021-11-04 14:53 Walker-Yang 阅读(43) 评论(0) 推荐(0)
4-3.绝对路径
摘要： 绝对路径： 1.用来描述事物的一种绝对方式，例如寄一个包裹给某某省某某市某某区几栋几号，描述的就是一个绝对地址 2.在网页中，带有完整域名和协议的路径，通常都为绝对路径 3.绝对路径通常用来链接外部资源 阅读全文
posted @ 2021-11-04 14:30 Walker-Yang 阅读(59) 评论(0) 推荐(0)
4-2.超链接的四种状态
摘要： 超链接的四种状态： 1.超链接未被访问的状态：link状态，默认文字为蓝色，有下划线 2.已被点击访问的状态：visited状态，文字为紫色，有下划线 3.鼠标移动超链接上的状态：hover状态，有下划线,鼠标变手形 4.鼠标正在点击超链接的状态：active状态，文字红色，有下划线。 浏览器默认的 阅读全文
posted @ 2021-11-04 14:27 Walker-Yang 阅读(3514) 评论(0) 推荐(0)
4-1.超链接简介
摘要： 1.超链接：从当前文档页面跳转到目标文档页面，这个就叫超链接。 2.使用a双标签来定义超链接，语法：<a href="目标文档路径或者地址" target="_blank">我是超链接</a> 3.a双标签：定义一个超链接 href属性：设置需要链接到的目标文档的路径，可以使绝对路径，也可以是相对路 阅读全文
posted @ 2021-11-04 14:19 Walker-Yang 阅读(683) 评论(0) 推荐(0)
3-5.定义样式和引入样式
摘要： 定义样式： 1.在文档中定义行内样式，直接使用style属性进行设置即可，例如：<span style="color:red;font-size:30px;">定义行内样式</span> 2.在文档的head头部中定义内部样式，直接使用style双标签，双标签的内容中使用选择器选择需要的元素，然后进 阅读全文
posted @ 2021-11-04 14:11 Walker-Yang 阅读(72) 评论(0) 推荐(0)
3-4.页面刷新
摘要： 页面刷新： 1.页面隔多长时间进行跳转到另外一个页面设置：在head头部中，使用meta单标签进行设置， 语法如下： <meta http-equiv="refresh" content="跳转的间隔时间；url=跳转的目标文档地址" /> 经过多少秒后跳转到目标文档的url 2.页面刷新的设置：在 阅读全文
posted @ 2021-11-04 13:44 Walker-Yang 阅读(78) 评论(0) 推荐(0)
3-3.关键字和描述
摘要： 1.关键字和描述的使用场景：当我们打开网页需要搜索某些内容时，此时搜索引擎会根据网站的关键字和描述的内容进行查找。 2.所以关键字和描述不是写给人看的，而是供给素搜索引擎查找的内容，由此来增加网页的曝光度 3.目前网页优化常用的是SEO优化，也就是搜索引擎优化，常用的技术有黑帽和白帽两种。 4.关键 阅读全文
posted @ 2021-11-04 13:23 Walker-Yang 阅读(169) 评论(0) 推荐(0)
3-2.标题栏图标
摘要： 标题栏图标的定义方法有五种，这里进行全部进行讲解： 第一种：在网站的根目录下放一张为favicon.ico的图片文件，浏览器在打开的时候会自动寻找并加载，从而会显示在浏览器标题中 外部引入的方法：使用的是link单标签： <link rel="icon" type="image/图片格式" href 阅读全文
posted @ 2021-11-04 11:41 Walker-Yang 阅读(216) 评论(0) 推荐(0)
3-1.文档头部浅解
摘要： 文档头部浅解： 1.使用<head>文档头部</head>双标签来定义文档的头部 2.文档头部可以包含标题，图标，元信息，定义样式，定义脚本等等 3.文档头部是作用于整个文档 4.文档头部相当于人的思想，在浏览器窗口中不可见 阅读全文
posted @ 2021-11-04 11:16 Walker-Yang 阅读(49) 评论(0) 推荐(0)
2-7.学习方法和学习技巧
摘要： 学习方法： 1.对标签进行分类，对经常使用的标签要熟练掌握 2.对不常用或者已经 废弃的标签不需要掌握 3.对有些固定功能，或者出现次数只有一次的代码，仅做了解即可 4.通过对代码的分类学习，把标签数量控制在30个以内 学习技巧： 多练习，多总结，练习才是王道 阅读全文
posted @ 2021-11-04 11:12 Walker-Yang 阅读(31) 评论(0) 推荐(0)
2-6.代码书写规范
摘要： html5中实行很宽松的代码规范： 1.标签可以大写，也可以小写，甚至可以大小写混用 2.甚至可以不用正常关闭标签 实际开发要求： 1.所有标签必须小写 2.所有标签都必须正常关闭 3.所有代码输入时，必须要在英文半角的状态下 4.<!DOCTYPE html>，申明文档类型的代码必须放在第一行 阅读全文
posted @ 2021-11-04 11:09 Walker-Yang 阅读(31) 评论(0) 推荐(0)
2-5.元素，元素内容和元素属性
摘要： 1.元素：从开始标签到结束标签的所有代码（内容），包括标签本身 2.元素内容：双标签的元素内容是从开始标签 到结束标签之间的内容，不包括标签本身 单标签没有元素内容 3.元素属性：作用是帮助标签完善功能，写在开始标签中，与开始标签名之间使用空格隔开 书写格式：属性名="合法的属性值"，不同的属性之间 阅读全文
posted @ 2021-11-04 11:04 Walker-Yang 阅读(301) 评论(0) 推荐(0)
2-4.代码注释
摘要： 代码注释的条件： 1.当文档中的某些代码不想使用，或者对代码进行解释 2.不用浏览器解析的内容，可以使用注释 3.养成良好的注释习惯，方便自己回顾和别人查阅代码 代码注释的格式： 1.格式：<!--注释的内容--> 2.注意：注释之中不能再有注释，对内容注释只能分段注释 阅读全文
posted @ 2021-11-04 10:55 Walker-Yang 阅读(64) 评论(0) 推荐(0)
2-3.单标签和双标签
摘要： 标签：也叫作标记，它是由一对尖括号<>,里面包含单词组成，例如<html></html>,<img src="" />等 标签的形态有两种：单标签和双标签 双标签：1.双标签有结束标签和结束标签，成双成对出现 2.开始标签和结束标签之间可以包含内容 3.双标签的结束时写在结束标签中的，在左尖括号和标 阅读全文
posted @ 2021-11-04 10:48 Walker-Yang 阅读(1106) 评论(0) 推荐(0)
2-2.文档的基本结构
摘要： 1.<!DOCTYPE html>：这一行代码申明的是文档的类型 2.<html>...</html>:html文档的开始和结束位置 3.<head>...</head>:文档头部的开始和结束 4.<body>...</body>:文档主体的开始和结束 5.meta的charset属性：申明文档的编 阅读全文
posted @ 2021-11-04 10:39 Walker-Yang 阅读(180) 评论(0) 推荐(0)
2-1.创建标准的html文件
摘要： 标准的html文件： 1.<!DOCTYPE html> <!--申明文档类型，告诉浏览器按照html5规范对代码进行解析，必须放在第一行--> 2.<html><!--文档从这里开始--> <head> 文档的头部，相当于人的思想，在浏览器窗口中不可见 <meta charset= "UTF-8" 阅读全文
posted @ 2021-11-04 10:34 Walker-Yang 阅读(156) 评论(0) 推荐(0)
1-6.开发工具介绍
摘要： 1.前端开发的软件：HBuilder和Dreamweaver（图像地图） 2.图片编辑和拾色工具：picpick 3.美工设计：photoshop(位图设计软件)和coreldrawer（矢量设计软件） 4.浏览器：Chrome，Firefox，2345浏览器，IE浏览器等 5.本地服务器环境：ph 阅读全文
posted @ 2021-11-04 10:24 Walker-Yang 阅读(43) 评论(2) 推荐(0)
1-5.html和html5
摘要： 1.HTML：英文全称Hyper Text Markup Language,超文本标记语言，他是标准通用标记语言下的一个应用，用于构建网页的框架 2.html是超文本标记语言，它是指除了包含文本外，还可以包括连接，图片，音频，视频，甚至程序等元素。 3.html只是一种标记语言，而不是一种编程语言， 阅读全文
posted @ 2021-11-04 10:18 Walker-Yang 阅读(165) 评论(0) 推荐(0)
1-4.网站开发的流程
摘要： 网站开发的流程： 1.美工设计：ps，crd 2.前端：html+css+js 4.后端：PHP+MySQL建立 5.内测和公测 6.正式上线运营 阅读全文
posted @ 2021-11-04 09:57 Walker-Yang 阅读(274) 评论(0) 推荐(0)
1-3.前后端程序浅解
摘要： 前端需要学习的三大件： 1.html：构成网页的基础，用不同的标签把网页内容标记起来，告诉浏览器这是什么，那是什么 2.css：给网页的元素添加丰富的样式 3.js：给网页添加动态效果 4.必要时学习一些框架：Angular-js,React-js,Vue-js,jQuery框架 后端学习的比较多： 阅读全文
posted @ 2021-11-04 09:55 Walker-Yang 阅读(38) 评论(0) 推荐(0)
1-2.前后端协作流程
摘要： 前端： 1.html：构建网页的基本结构 2.css:给网页中的元素添加样式 3.js：给网页添加动态效果 4.凡是看得见的内容就叫前端 后端： 1.PHP：业务逻辑和功能的实现 2.MySQL:数据库，存储数据 3.凡是看不见的底层逻辑和业务都叫做后端 阅读全文
posted @ 2021-11-04 09:45 Walker-Yang 阅读(124) 评论(0) 推荐(0)
1-1.互联网现状
摘要： 1.互联现和人民的生活越来越紧密了 2.互联网现在很火爆，薪资待遇也是年年增长 3.互联网存在着巨大的人才缺口 4.什么是网页？什么是网站？什么又是互联网 答：网页是由html，css，js等元素设计组成，由浏览器按照代码规范进行解析，从而显示在PC端，移动终端等内容，就构成了一个网页（点），它也是 阅读全文
posted @ 2021-11-04 09:32 Walker-Yang 阅读(77) 评论(1) 推荐(0)

导航