简单的招聘网站怎么做淘宝网页版电脑版登录

简单的招聘网站怎么做,淘宝网页版电脑版登录,安阳做一个网站多少钱,dede网站文章同步文章目录 一、布局标签1. 网站结构标签2. 无语义标签1. div标签2. span标签3. 列表标签1. 无序列表 ul2. 有序列表 ol3. 描述列表 dl二、表格1. 表格基本组成#xff1a;2. 表格结构标签3. 合成单元格三、表单1. 表单容器2. 表单控件#xff08;1#xff09;input表单1. 单…文章目录一、布局标签1. 网站结构标签2. 无语义标签1. div标签2. span标签3. 列表标签1. 无序列表 ul2. 有序列表 ol3. 描述列表 dl二、表格1. 表格基本组成2. 表格结构标签3. 合成单元格三、表单1. 表单容器2. 表单控件1input表单1. 单行文本框和密码框text/password3. 文件域file2textarea表单3selete表单4button表单3. 辅助标签四、字符实体总结一、布局标签1. 网站结构标签网页的外观多种多样但是大概都包含页眉、导航栏、主内容、侧边栏、页脚等。h2网页结构标签/h2 header网页头部标签/header nav导航栏标签/nav main aside侧边栏标签/aside article主要内容区域标签/article /main footer页面底部标签/footer section区块标签/section这些标签受浏览器兼容性问题影响PC端根据公司需求移动端放心使用2. 无语义标签h2div和span标签 /h2 div我是div标签是块级元素/div div我是div标签是块级元素/div span我是span标签是行内元素/span span我是span标签是行内元素/span1. div标签特点块级元素默认独占一行前后会自动换行。通常用于布局结构作为其他元素的容器。可以包含其他块级或行内元素。默认没有语义。2. span标签特点行内元素不会换行仅包裹内容的一部分。用于对文本或行内元素的局部样式或操作。默认没有语义。3. 列表标签1. 无序列表 ul顺序无关紧要的列表无序列表在我们布局中非常常用。常用于一些整齐对齐的模块中使用。h2一.无序列表/h2 ul li手机/li li电视/li liipad/li li电脑/li /ul2. 有序列表 ol顺序有关紧要的列表有序列表在我们布局中较少。了解即可实际开发即使有顺序我们一般也是用其他替代。h2二.有序列表了解即可/h2 ol li看视频/li li写代码/li li做笔记/li li多复习/li /ol3. 描述列表 dl标记一组项目及相关描述。描述列表在我们布局中主要是在页面底部。比如h2三.描述列表自定义列表/h2 dl dt家电/dt dd电视/dd dd洗衣机/dd dd冰箱/dd /dlul里面只能包含li。li 里面可以放其他元素。无序列表在开发布局中非常重要。二、表格表格作用 以结构化方式展示行列数据使信息清晰、易读且便于对比。网页场景 主要用于数据展示或者后台管理系统的信息展示。1. 表格基本组成h2表格标签基本语法/h2 table tr th姓名/th th年龄/th th成绩/th /tr tr td张三/td td18/td td100/td /tr tr td李四/td td20/td td90/td /tr tr td王五/td td22/td td80/td /tr /table !-- th 表头单元格可以让里面的文字加粗 水平和垂直居中显示 一般用于第一行或者第一列--注意美化表格是CSS的工作所以这里千万不要花时间去美化表格无意义。2. 表格结构标签表格结构标签增强表格语义让表格结构更加清晰3. 合成单元格表格开发中很少使用合并因为会导致表格难以维护且可能影响响应式适配尤其在移动端。如果特殊情况可以借助于AI。原理1. 确定是跨行(rowspan)还是跨列合并(colspan)2. 找到目标单元格左上原则写合并数量3. 删除多余单元格三、表单表单是用于收集用户输入数据并将数据提交到后端进行处理。1. 表单容器form 标签定义表单的容器包裹所有表单控件。!-- 表单容器主要作用是包裹所有的表单控件 -- form action /formaction 属性定义了在提交表单时应该把所收集的数 据送给谁URL去处理。2. 表单控件1input表单输入标签input 是最常用的表单元素之一它可以创建文本输入框、密码框、单选框、复选框等。type 属性定义了输入框的类型1. 单行文本框和密码框text/passwordlabel 账号 input typetext placeholder请输入账号 nameusername accesskeys autocompleteoff 密码 input typepassword placeholder请输入密码 namepwd maxlength6 /label2.单选框和复选框radio/checkbox性别 !-- label 方式一 for id 关联 -- input typeradio namegender value0 checked idnv label fornv女/label input typeradio namegender value1 idnan label fornan男/label 爱好 !-- label 方式二 -- label input typecheckbox namehobby value0 checked 足球 /label label input typecheckbox namehobby value1 篮球 /label label input typecheckbox namehobby value2 双色球 /label3. 文件域file头像input typefile namefile multiple accept.exe,.jpg2textarea表单textarea HTML 元素是一个多行纯文本编辑控件适用于允许用户输入大量自由格式文本的场景例如评论或反馈表单。textarea 多行文本框也称为文本域应用场景label 留言 textarea namemsg cols30 rows10 placeholder请输入留言/textarea /label常见属性文本域textarea利用CSS来设定样式比如宽高边框等3selete表单HTML select 元素表示一个提供选项菜单的控件。城市 select namecity id option value北京北京/option option value上海 selected上海/option option value广州广州/option /selectselect 元素是容器 option是每一个选项标签每个选项要跟一个值要想默认选中一个选项可以添加selected属性。4button表单button 标签定义一个按钮。元素内部可以放置内容比如文本或图像语法button disabled注册/buttondisabled 属性可以禁用按钮无法点击3. 辅助标签label表示用户界面中某个元素的说明。提升可访问性点击标签可聚焦输入框方式一利用for和id相关联!-- label 方式一 for id 关联 -- input typeradio namegender value0 checked idnv label fornv女/label input typeradio namegender value1 idnan label fornan男/label方式二直接包含!-- label 方式二 -- label input typecheckbox namehobby value0 checked 足球 /label label input typecheckbox namehobby value1 篮球 /label label input typecheckbox namehobby value2 双色球 /label四、字符实体字符实体是一段以连字号开头、以分号;结尾的文本字符串。常用于显示保留字符和不可见的字符如“不换行空格”总结这篇主要介绍布局标签网站结构标签无语义标签列表标签表格表单表单容器表单控件辅助标签以及字符实体。HTML的学习就到这里后续开始CSS的学习。