织梦学校网站,佛山市国外网站建设公司,试玩网站怎么做,潍坊专升本培训机构标签的分类 1. 单标签img br hr img /
2. 双标签a h p div a/a
3. 按照标签属性分类1. 块儿标签# 自己独自占一行h1-h6 p div2. 行内(内联)标签# 自身文本有多大就占多大a span u i b s div标签和span标签 这两个标签它是没有任意意义的#xff0c;主… 标签的分类 1. 单标签img br hr img /
2. 双标签a h p div a/a
3. 按照标签属性分类1. 块儿标签# 自己独自占一行h1-h6 p div2. 行内(内联)标签# 自身文本有多大就占多大a span u i b s div标签和span标签 这两个标签它是没有任意意义的主要用来布局页面
div一般用在占位置布局
span一般用在占文本布局
div这是一个大段落span这是一个小段落/span
/div 标签的嵌套 标签之间是可以互相嵌套的标签套标签
块儿级元素是可以嵌套所有的标签的
p标签不能够嵌套块儿级元素但是它可以嵌套行内元素
行内元素只能嵌套行内元素不能够嵌套块儿级元素非写了嵌套也不报错只不过是没有效果
针对于前端来说不会轻易的报错! 如果你写的不对只会没有对应的效果 img标签 img src123.png title你看我好看吗 width200px alt
src1. 内部的图片地址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值必须使用 .开头 列表 body
!--有序列表--
olli有序列表1/lili有序列表2/li/olol typeali有序列表1/lili有序列表2/li/olol typeili有序列表1/lili有序列表2/li
/ol!--无序列表--
ulli无序列表1/lili无序列表2/li/ulul typecircleli无序列表1/lili无序列表2/li/ul
ul typesquareli无序列表1/lili无序列表2/li/ul
ul typediscli无序列表1/lili无序列表2/li/ul
/bodybody
pinput typeradio namegender男
/p/bodyul是unordered lists的缩写 (无序列表) li是list item的缩写 列表项目 ol是ordered lists的缩写有序列表 dl是definition lists的英文缩写 (自定义列表) dt是definition term的缩写 (自定义列表组) dd是definition description的缩写自定义列表描述 nl是navigation lists的英文缩写 导航列表 tr是table row的缩写 表格中的一行 th是table header cell的缩写 表格中的表头 td是table data cell的缩写 表格中的一个单元格 type属性 disc实心圆点默认值 circle空心圆圈 square实心方块 none无样式 表格 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标签
tabletheadtrth序号/thth姓名/thth爱好/th/tr/theadtbodytrtd1/tdtdjason/tdtd杠娘/td/trtrtd2/tdtdYuan/tdtd日天/td/tr/tbody
/table
属性: ● border: 表格边框. ● cellpadding: 内边距 ● cellspacing: 外边距. ● width: 像素 百分比.最好通过css来设置长宽 ● rowspan: 单元格竖跨多少行 ● colspan: 单元格横跨多少列即合并单元格 form表单标签 form actionplabel forinp1username: input typetext idinp1/label
/pplabel forinp2password: input typepassword idinp2/label/pplabel forinp3password: input typedate idinp3/label/ppinput typecheckbox namehobby readinput typecheckbox namehobby musicinput typecheckbox namehobby tangtou/ppinput typecheckbox namehobby1 read1input typecheckbox namehobby1 music1input typecheckbox namehobby1 tangtou1/ppinput typeradio namegender 男input typeradio namegender 女input typeradio namegender 未知/ppinput typehidden value123/ppinput typefile multiple/ppselect name idoption value上海/optionoption value北京/optionoption value河南/option/select/ptextarea name id cols30 rows10/textareapinput typesubmit value登录input typereset value重置
/p
/form
属性说明:
● name表单提交时的“键”注意和id的区别
● value表单提交时对应项的值○ typebutton, reset, submit时为按钮上显示的文本年内容○ typetext,password,hidden时为输入框的初始值○ typecheckbox, radio, file为输入相关联的值
● checkedradio和checkbox默认被选中的项
● readonlytext和password设置只读
● disabled所有input均适用
select属性
属性说明
● multiple布尔属性设置后为多选否则默认单选
● disabled禁用
● selected默认选中该项
● value定义提交时的选项值 验证form表单朝后端提交数据 form actionaction:写朝后端提交的地址这里你写什么地址就朝这个地址提交数据应该填写后端的地址1. 什么都不写朝当前地址提交2. 全写http://127.0.0.1:5000/index/ 朝这个地址提交3. 只写后缀/index/--------IP:PORT/indexform表单要想把数据提交到后端每一个标签都要有一个name属性.
name的属性值就是提交到后端数据的key值用户输入的内容就是value值
针对于复选框、单选框标签都应该有一个value属性用于区别前端用户选择的哪个选项
## 对于文件数据的提交需要满足以下两个条件
1. 请求方式必须是post
2. 数据编码方式1. application/x-www-form-urlencoded2. multipart/form-data3. json3. 编码方式必须是multipart/form-data才能提交问价
4. urlencoded只能够提交不是文件的数据form-data是可以提交普通数据和文件数据
5. urlencoded形式的数据长什么样子usernamepassworddatehidden123myfilecity6. form-data编码格式的数据usernamepassworddatehidden123myfilecityboundary----WebKitFormBoundaryhwrBD6WMC3rBJXOy文件数据对于form-data提交的数据后端还是在form里面去普通数据而在files里面去文件数据
7. form表单不能够提交json数据
8. 如果想提交json格式的数据Ajax技术、第三方的api工具postman
CSS介绍 CSSCascading Style Sheet层叠样式表)定义如何显示HTML元素。
当浏览器读到一个样式表它就会按照这个样式表来对文档进行格式化渲染。
CSS就是对HTML标签做样式的让不好看的变得更加的好看
CSS语法
选择器 {属性名1:属性值;属性名2:属性值;属性名3:属性值;
}
CSS注释:/*这是注释*/
HTML注释!-- 这是注释 --
注释符号的快捷键是ctrl ?
CSS的几种引入方式:行内样式:p stylecolor: redHello world./p内部样式headmeta charsetUTF-8titleTitle/titlestylep {background-color: #2b99ff;}/style/head外部样式link hrefmystyle.css relstylesheet typetext/css/ CSS选择器 如何学习CSS?
1. 先学习如何找到标签
2. 找到标签之后在进行属性操作
选择器种类非常之多但是大多数都是了解的用的最多的也就几个对我们来说只需要掌握这几个就可以了
基本选择器ID选择器类选择器元素选择器通用选择器组合选择器后代选择器使用亲属关系表示标签之间的关系 div iddiv1 div是p的父p classc1 p是a的父a是p的子a href点我把/a/pdiva href我会不会变颜色呢/a a是p的兄弟/div
p p是div的兄弟a href哈哈哈哈/a/p
