看网站有没有做404,哈尔滨有多少家网站建设公司,唐山网站开发公司,网页设计报告参考文献一、 标签的分类 1.1 单标签 img br hr img / 1.2 双标签 a h p div a/a 1.3 按照标签属性分类 1.3.1 块儿标签 即自己独自占一行 h1-h6 p div 1.3.2 行内(内联)标签 即自身文本有多大就占多大 a span u i b s 二、 标签的嵌套 标签之间是可以互相…一、 标签的分类 1.1 单标签 img br hr img / 1.2 双标签 a h p div a/a 1.3 按照标签属性分类 1.3.1 块儿标签 即自己独自占一行 h1-h6 p div 1.3.2 行内(内联)标签 即自身文本有多大就占多大 a span u i b s 二、 标签的嵌套 标签之间是可以互相嵌套的标签套标签 块儿级元素是可以嵌套所有的标签的 p标签不能够嵌套块儿级元素但是它可以嵌套行内元素 行内元素只能嵌套行内元素不能够嵌套块儿级元素非写了嵌套也不报错只不过是没有效果 针对于前端来说不会轻易的报错! 如果你写的不对只会没有对应的效果 三、 div标签和span标签 这两个标签它是没有任意意义的主要用来布局页面 div一般用在占位置布局 span一般用在占文本布局 四、 img标签 展示图片的 https://img2.baidu.com/it/u464791776,3312333293fm253app138sizew931n0fJPEGfmtauto?sec1698771600t9777764d1fe6560f394478126fb7563b img src123.png title你看我好看吗 width200px alt src 1. 内部的图片地址 2. 写外链的地址 title 鼠标悬浮的时候显示的内容(是所有标签都要的) width: 图片的宽度 height图片的高度 一般情况下只写一个等比例缩放 alt当图片不存在的时候显示的内容 五、 a标签 a hrefhttp://www.oldboyedu.com target_blank 点我/a href属性指定目标网页地址。该地址可以有几种类型 ● 绝对URL - 指向另一个站点比如 hrefhttp://www.jd.com ● 相对URL - 指当前站点中确切的路径hrefindex.htm ● 锚URL - 指向页面中的锚href#top target ● _blank表示在新标签页中打开目标网页 ● _self表示在当前标签页中打开目标网页 注标签的两个自带重要属性 id 值: 相当于是人的身份证一个文档中id值不能够重复必须唯一 class 值是可以有多个的一个标签可以有多个class值一个class值也可以被多个标签拥有 div idd1 classc1 c2 c3/div div idd2 classc2/div div idd3 classc3/div div idd3 classc1/div #d1 .c1 要想使用id值必须使用#开头 要想使用class值必须使用 .开头 六、 列表 1.无序列表 ul typedisc li第一项/li li第二项/li /ul type属性 ● disc实心圆点默认值 ● circle空心圆圈 ● square实心方块 ● none无样式 2.有序列表 3.标题列表 七、 表格 id name age gender salary 1 kevin 20 male 2000 1 kevin 20 male 2000 1 kevin 20 male 2000 1 kevin 20 male 2000 1 kevin 20 male 2000 1 kevin 20 male 2000 table标签 table thead tr th序号/th th姓名/th th爱好/th /tr /thead tbody tr td1/td tdjason/td td杠娘/td /tr tr td2/td tdYuan/td td日天/td /tr /tbody /table 属性: ● border: 表格边框. ● cellpadding: 内边距 ● cellspacing: 外边距. ● width: 像素 百分比.最好通过css来设置长宽 ● rowspan: 单元格竖跨多少行 ● colspan: 单元格横跨多少列即合并单元格 八、 form表单标签 属性说明: ● name表单提交时的“键”注意和id的区别 ● value表单提交时对应项的值 ○ typebutton, reset, submit时为按钮上显示的文本年内容 ○ typetext,password,hidden时为输入框的初始值 ○ typecheckbox, radio, file为输入相关联的值 ● checkedradio和checkbox默认被选中的项 ● readonlytext和password设置只读 ● disabled所有input均适用 select属性 属性说明 ● multiple布尔属性设置后为多选否则默认单选 ● disabled禁用 ● selected默认选中该项 ● value定义提交时的选项值 8.1 验证form表单朝后端提交数据 form action action: 写朝后端提交的地址 这里你写什么地址就朝这个地址提交数据应该填写后端的地址 1. 什么都不写朝当前地址提交 2. 全写http://127.0.0.1:5000/index/ 朝这个地址提交 3. 只写后缀 /index/--------IP:PORT/index form表单要想把数据提交到后端每一个标签都要有一个name属性. name的属性值就是提交到后端数据的key值用户输入的内容就是value值 针对于复选框、单选框标签都应该有一个value属性用于区别前端用户选择的哪个选项 ## 对于文件数据的提交需要满足以下两个条件 1. 请求方式必须是post 2. 数据编码方式 1. application/x-www-form-urlencoded 2. multipart/form-data 3. json 3. 编码方式必须是multipart/form-data才能提交问价 4. urlencoded只能够提交不是文件的数据form-data是可以提交普通数据和文件数据 5. urlencoded形式的数据长什么样子 usernamepassworddatehidden123myfilecity 6. form-data编码格式的数据 usernamepassworddatehidden123myfilecity boundary----WebKitFormBoundaryhwrBD6WMC3rBJXOy 文件数据 对于form-data提交的数据后端还是在form里面去普通数据而在files里面去文件数据 7. form表单不能够提交json数据 8. 如果想提交json格式的数据Ajax技术、第三方的api工具postman 九、 CSS 9.1 css介绍 CSSCascading Style Sheet层叠样式表)定义如何显示HTML元素。 当浏览器读到一个样式表它就会按照这个样式表来对文档进行格式化渲染。 CSS就是对HTML标签做样式的让不好看的变得更加的好看 CSS语法 选择器 { 属性名1:属性值; 属性名2:属性值; 属性名3:属性值; 属性名4:属性值; 属性名5:属性值; } CSS注释: /*这是注释*/ HTML注释 !-- 这是注释 -- 注释符号的快捷键是ctrl ? CSS的几种引入方式: 行内样式: p stylecolor: redHello world./p 内部样式 head meta charsetUTF-8 titleTitle/title style p { background-color: #2b99ff; } /style /head 外部样式 link hrefmystyle.css relstylesheet typetext/css/ 9.2 CSS选择器 如何学习CSS? 1. 先学习如何找到标签 2. 找到标签之后在进行属性操作 选择器种类非常之多但是大多数都是了解的用的最多的也就几个对我们来说只需要掌握这几个就可以了 基本选择器 ID选择器 类选择器 元素选择器 通用选择器 组合选择器 后代选择器 我们使用亲戚关系表示标签之间的关系 div iddiv1 div是p的父亲p是div 的儿子 p classc1 p是a的父亲a是p的儿子a是div的孙子 a href点我把/a a href点我把/a a href点我把/a /p div a href我会不会变颜色呢/a a是p的兄弟 /div p p是div的兄弟 a href哈哈哈哈/a /p
