实验室网站建设重要性,python制作网站开发,主题网站的设计方案,网站怎么可以被收录HTML HTML是超文本标记语言#xff08;HyperText Mark-up Language#xff09; CSS是层叠样式表#xff08;Cascading Style Sheets#xff09; JS#xff0c;即JavaScript是一种具有函数优先的轻量级#xff0c;解释型或即时编译型的编程语言
!--doctype标签声明…HTML HTML是超文本标记语言HyperText Mark-up Language CSS是层叠样式表Cascading Style Sheets JS即JavaScript是一种具有函数优先的轻量级解释型或即时编译型的编程语言
!--doctype标签声明这个文件是一个html文件--
!DOCTYPE html
htmlheadmeta charsetutf-8/title/title/headbody/body
/htmlhtml使用的是一些标签标记标签标签是由尖括号包着的关键字标签一般情况下都是成对出现第一个叫开始标签后边的叫结束标签标签可以包含标签但是标签不可以交叉使用一个html文件就叫一个html文档也就是一个网页
常用标签
超链接 target属性 _self默认_blank
a hrefwww.baidu.com target_slef百度一下/a图片 src既可以写相对地址也可以写绝对地址。相对地址是相对于html文件所在的昂前目录。需要先将图片导入到项目中比如放到 img 目录下才可以通过该属性找到图片。widthheight
另外这个标签可以不用关闭的或者说可以自关闭。
img srcimg/xiaomi.jpg/换行
br /水平线
hr /六级标题
h1一级标题/h1 h6六级标题/h6列表无序列表
ulliA.选C/liliC.选A/li
/ul列表有序列表
olliA.选C/liliC.选A/li
/ol空格转义字符
空格nmsp; 小于号lt; 大于号gt;块
尝试用着标签进行网页布局
div/div表格 表头 行标签列标签 表体 行标签列标签 表尾 行标签列标签
tabletheadtr!--表头里面我们一般不写 td 而写 th--th第一列/thth第二列/thth第三列/th/tr/theadtbodytr!--合并单元格一般是在 th 和 td 标签上操作colspanx,x表示这个标签占x列合并不仅有列合并也有行合并--td colspan2a1/tdtda2/tdtda3/tdtd rowspan2a1/tdtda2/tdtda3/td/tr/tbodytfoottrtd/td/tr/tfoot
/table!--像这种情况加载网页时会自动加上tbody标签因此表格标签很容易造成层级错误
--
tabletrtd/td/tr
/table段落标签
p文本内容/pspan标签
span/span块级元素行级元素 块级元素 独占一行另起一行显示后边的元素也是另起一行 可以设置宽高但是只是控制了中间内容任然改变不了是个块级元素所以还是独占一行。 行内元素 和相邻的元素挨在一起如果到头了再另起一行。 宽高都无法设置宽高的值源于内容。 行内块级元素 整合了两种元素的优点
表单
表单 form 标签一个 form 就是一个表单 action属性通过不同的请求地址区分不同的行为target和超链接的 target 属性效果一样method代表表单提交的方式 get默认post
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-PRPNXFNZ-1677157615690)(C:\Users\99498\AppData\Roaming\Typora\typora-user-images\image-20230214201937581.png)]
表单项 input 标签是一个自关闭标签 type 属性 text文本类型默认password密码类型number只允许输入数字date日期radio单选只能选中不能取消checkbox多选button按钮提交表单file浏览并选择本地文件 name 属性只有name的值一样radio 才能有我们想要的单选效果。另外name 最重要的作用是提交表单时给每个参数起一个名字value一般用来设置按钮的文字信息或者输入框的初始值checked选中属性可以不写属性值readonly只读可以不写属性值 select标签下拉框默认选择第一个 option选项 value选择的东西提交的时候不能直接提交文字但是可以提交编号之类的信息需要用到value属性selected下拉框选中可以不写属性值 textarea标签大文本区域button标签也是一个按钮只有放在表单里面才有提交的作用不常用。
!--注意action的值不宜过程可以通过斜杠“/”划分注意提交的地址也有相对和绝对之分比如1. /employee/add提交后url变成http://127.0.0.1:8848/employee/add?namezhangsanpwd1254age21birthday2023-01-30genderonhobbyonhobbyonprovince%E5%B1%B1%E4%B8%9C%E7%9C%812. employee/add提交后url变成http://127.0.0.1:8848/HTML1/employee/add?name%E5%BC%A0%E4%B8%89pwd123age231birthday2023-01-31hobbyonhobbyonprovince1注意form 表单一提交是要换页面的
--
form action/employee/add用户名input typetext namename/br/密码input typepassword namepwd/br/年龄input typenumber nameage/br/生日input typedate namebirthday/br/性别男input typeradio namegender/女input typeradio namegender/br/爱好网球input typecheckbox checkedchecked namehobby/游戏input typecheckbox checked namehobby/br/省份select nameprovinceoption value1山东省/optionoption value2山东省/option/selectbr/input typesubmit value提交/br/
/form点击提交按钮地址栏的信息变成
http://127.0.0.1:8848/employee/add?namezhangsanpwd1254age21birthday2023-01-30genderonhobbyonhobbyonprovince%E5%B1%B1%E4%B8%9C%E7%9C%81