官网申请网站搜索引擎优化案例

官网申请,网站搜索引擎优化案例,什么叫关键词,扶贫网站建设方案弄了几天服务器#xff0c;注册了一个域名#xff0c;现在个人网站终于可以访问了 很简陋#xff0c;毕竟html才学到第1天#xff0c;后续慢慢美化#xff0c;欢迎访问#xff1a;reisentyan.cn 黑马程序员的课就是好#xff0c;不长不短#xff0c;内容细致度还不错…弄了几天服务器注册了一个域名现在个人网站终于可以访问了很简陋毕竟html才学到第1天后续慢慢美化欢迎访问reisentyan.cn黑马程序员的课就是好不长不短内容细致度还不错关键是讲课的教师口齿清晰逻辑顺畅听了就学到了今日学习内容1. 基础排版与转义字符转义字符在 HTML 中某些字符有特殊含义需要使用转义字符显示。lt小于号(less than)gt大于号(greater than)nbsp空格布局标签div块级元素独占一行大盒子。span行内元素不换行小盒子。2. 列表 (List)HTML 中常见的列表有三种标签全称作用说明ulUnordered List无序列表列表项没有顺序默认前缀为圆点。olOrdered List有序列表列表项有数字顺序 (1, 2, 3…)。dlDefinition List定义列表用于键值对显示。dt是标题dd是描述。注意ul和ol的直接子元素只能是li(List Item)但li内部可以包含任何标签。dl的结构通常是dt(Definition Term) 领头后面跟一个或多个dd(Definition Description)。参考代码!-- 1. 无序列表 ul --ullistrong这是列表第1条/strong/lili这是列表第2条/lili这是列表第3条/li/ulbr!-- 2. 有序列表 ol --ollistrong这是列表第1条/strong/lili这是列表第2条/lili这是列表第3条/li/ol!-- 3. 定义列表 dl --dl!-- 第一组定义 --dtstrong列表标题一/strong/dtdd内容描述 1/dddd内容描述 2/dd!-- 第二组定义 --dtstrong列表标题二/strong/dtdd内容描述 1/dddd内容描述 2/dd/dl3. 表格 (Table)表格的标签和属性较多主要用于展示数据。基本语法table定义表格。border属性设置边框粗细数字越大越粗。trTable Row定义表格的一行。thTable Header定义表头单元格默认加粗且居中。tdTable Data定义普通数据单元格。表格结构标签语义化为了方便浏览器解析和开发维护表格通常分为三个部分虽然不写也能显示但推荐加上thead表头区域tbody主体区域tfoot底部区域常用于合计合并单元格属性作用记忆口诀rowspann跨行合并从当前单元格开始向下合并 n 个单元格。上下合并保留最上面的删除其他的。colspann跨列合并从当前单元格开始向右合并 n 个单元格。左右合并保留最左边的删除其他的。注意合并单元格时被合并掉的单元格代码需要删除。此外不能跨结构合并例如不能将thead和tbody的单元格合并。参考代码!-- border表示边框线数字代表粗细 --tableborder2!-- 表头区域 --theadtrth血量/thth法力/thth经验值/th/tr/thead!-- 主体区域 --tbodytr!-- 跨行合并向下合并2格 --tdrowspan2100/tdtd50/tdtd200/td/trtr!-- 被合并的单元格需要删除 --td66/tdtd250/td/trtr!-- 跨列合并向右合并3格 --tdcolspan3总计156/td!-- 被合并的单元格需要删除 --/tr/tbody/table4. 表单 (Form)表单用于收集用户信息。所有的表单项通常包裹在form标签中。4.1 Input 系列标签使用input type属性值可以创建多种控件。type 属性值描述常用附加属性text文本框placeholder(占位提示符)password密码框输入内容显示为圆点或星号。radio单选框必须设置相同的name属性才能实现多选一。checked表示默认选中。checkbox复选框可以多选。checked表示默认选中。file文件上传multiple表示允许同时上传多个文件。submit提交按钮点击后提交表单数据给服务器。reset重置按钮点击后将表单恢复到默认状态。button普通按钮默认无功能通常配合 JS 使用。4.2 其他表单标签标签作用说明select下拉菜单内部包含option标签定义选项。option selected表示默认选中项。textarea文本域用于输入多行文本如留言、评论。label标注标签用于绑定文字和表单控件增大点击范围提升用户体验。Label 的两种用法ID 绑定法input iduser配合label foruser用户名/label。直接包裹法labelinput typeradio 男/label。参考代码!-- action: 表单数据提交的地址 --formaction!-- 1. 文本与密码框 --div账号inputtypetextplaceholder请输入用户名/divdiv密码inputtypepasswordplaceholder请输入密码/div!-- 2. 单选框 (Radio) --!-- namesex 必须相同才能实现互斥效果 --!-- 使用 label 增加点击区域 --inputtyperadioidmannamesexcheckedlabelforman男/labellabelinputtyperadionamesex女/labelbr!-- 3. 复选框 (Checkbox) --爱好labelinputtypecheckboxnamehobby编程/labellabelinputtypecheckboxnamehobby游戏/labelbr!-- 4. 文件上传 --头像inputtypefilemultiplebr!-- 5. 下拉菜单 (Select) --城市selectoption北京/optionoptionselected上海/option!-- 默认选中 --option深圳/optionoption广州/option/selectbrbr!-- 6. 文本域 (Textarea) --留言textareacols30rows5placeholder请在此输入留言.../textareabr!-- 7. 按钮 --!-- 重置按钮会清空当前 form 内的所有数据 --buttontypesubmit提交注册/buttonbuttontypereset重置表单/button/form