帝国网站模板建设完成显示不正常投诉网站怎么做

当前位置： 首页 > news >正文

帝国网站模板建设完成显示不正常,投诉网站怎么做,门户移动网站建设,南通网站排名优化报价文章目录注释标签标题标签#xff1a;h1 h6段落标签#xff1a;p换行标签#xff1a;br格式化标签图片标签#xff1a;img1. img 的 alt 属性2. img 的 title 属性3. width 与 heigth 属性用来描述图的尺寸超链接标签#xff1a;a表格标签列表标签表单标签1. from 标签2. … 文章目录注释标签标题标签h1 h6段落标签p换行标签br格式化标签图片标签img1. img 的 alt 属性2. img 的 title 属性3. width 与 heigth 属性用来描述图的尺寸超链接标签a表格标签列表标签表单标签1. from 标签2. input 标签3. select 标签4. textarea 标签5. 无语义标签div span注释标签 html 的注释和一般语言的注释差别很大。 如果要使用 注释 将想要注释的内容使用 !– – 选中即可注释的内容就不会出现在网页上了。 如果想要查看当前的注释代码可以在显示的网页上右击选择 查看网页源代码 就可以发现在源代码中注释过的代码了。 可以使用 Ctrl / 来快速注释代码按一下就是注释再按一下就是取消注释。 标题标签h1 h6 标题标签一共有 h1 ~ h6 6 个级别的标签从 h1 到 h6 标题逐渐变小变细所以最大的标题标签是 h1最小的就是 h6。 可以清楚地看到标签的大小是逐渐变小变细的。 这里需要注意的是每个标题都是独占一行的不会因为代码的编写而改变。 尽管现在的代码格式变了但是每一个标题还是独占一行。
段落标签p 段落标签使用的 p /p 标签。 每个段落之间不光是有一个换行同时还有一个段落间距。 也可以使用 lorem 来自动生成一个文档。
换行标签br 换行标签是 br。 可以发现有此标签处就换行了而且是有几个 br 标签就换几个行。 格式化标签 格式化标签有 变粗、倾斜、删除线、下划线 这几种。 html head/headbodystrong变粗/strongb变粗/bem倾斜/emi倾斜/idel删除线/dels删除线/sins下划线/insu下划线/u/body /html这些标签都不是独占一行的。 图片标签img 网页上是可以显示图片的这里用到的是 img。img 有一个核心的属性— src 这是必须填的。 想在网页上显示一个图片可以采取 绝对路径 或者 相对路径。 绝对路径的方式 可以发现 d 盘中有一个小姐姐图片。 html head/headbodyimg srcd:/xiaojiejie.jpg/body /html直接将图片的绝对路径写在 img 标签里面即可src 就是它的属性。 可以看到网页中正确的显示出来了。 相对路径的方式 使用相对路径的时候一定要明确 工作目录是哪个有个基准 html 的工作目录就是该 html 文件所在的目录。 首先将这个图片保存到与这个 html 文件于同一个目录。 这个时候的路径就是 ./xiaojiejie.jpg html head/headbodyimg src./xiaojiejie.jpg/body /html也可以将上述的 ./ 去掉变成以下 html head/headbodyimg srcxiaojiejie.jpg/body /html将这个图片放到一个新的文件 image 中此时的路径应该如下书写 html head/headbodyimg srcimage/xiaojiejie.jpg/body /html此时的网页依然可以显示出这个小姐姐的图片。 也可以将这个图片的地址填写到浏览器中就可以直接打开图片了。 在网页上右击这个图片就可以获取这个图片的地址。还可以将这个图片地址放到 img 里也可以显示出图片。

1. img 的 alt 属性 alt 属性在图片挂了的时候就会显示出 alt 对应的文本。 html head/headbodyimg srcimage/xiaojiejie.jpg alt这一个小姐姐/body /html当图片挂了之后就会出现上述 alt 中的文本。
2. img 的 title 属性 有了这个属性鼠标悬停在这个上面的时候就会给出一个提示。 html head/headbodyimg srcimage/xiaojiejie.jpg alt这一个小姐姐 title小姐姐/body /html3. width 与 heigth 属性用来描述图的尺寸 宽度和高度可以是同时设置也可以是只设置一个。如果只设置一个另一个就会等比例的进行缩放或者放大。 html head/headbodyimg srcimage/xiaojiejie.jpg alt这一个小姐姐 title小姐姐 width100px/body /html可以看到图片等比例的缩放了。 html head/headbodyimg srcimage/xiaojiejie.jpg alt这一个小姐姐 title小姐姐 width100px height100px/body /html宽度和高度如果是同时设置的图片就可能会变形以上的图片就有些许的变形。 超链接标签a “链接” 是快捷方式的意思而 “超” 链接则是指可以跳转到当前网页之外的页面。 这个标签是利用 href 属性来实现快捷跳转的。 html head/headbodya hrefhttps://www.baidu.com百度/aa hrefhttps://www.sogou.com搜狗/a/body /html点击百度和搜狗就会跳转到对应的网页了但是新的网页会把旧的网页给替换掉。 可以看到点击 “搜狗” 后就把之前的页面给替换了。 超链接标签还有一个属性target 这个属性一般都是写作 target“_blank”此时就可以打开一个新的标签页而不会替换掉之前的标签页。 html head/headbodya hrefhttps://www.baidu.com target_blank百度/aa hrefhttps://www.sogou.com target_blank搜狗/a/body /html可以看到点击 “百度” 后并没有将原来的页面替换掉。 表格标签 table表示整个表格。 tr表示一行。 td 表示一个单元格。 th 表示表头的中一个单元格 html head/headbody tabletrth姓名/thth电话/th/trtrtd张三/tdtd111/td/trtrtd李四/tdtd222/td/trtrtd王五/tdtd333/td/tr/table/body /html虽然对应的信息已经显示出来了但是它还没有单元格此时这还不是一个表格。而且信息的间隙还比较密集。 下面首先将信息的间隙扩大给表格设置宽度和高度。 html head/headbody table width500px height300trth姓名/thth电话/th/trtrtd张三/tdtd111/td/trtrtd李四/tdtd222/td/trtrtd王五/tdtd333/td/tr/table/body /html可以看到间隙已经扩大了但是信息还没有对齐而且信息未对齐。 此时要解决的是表格该没有线条的问题使用 border 这个属性即可解决将这个属性设置为1。 html head/headbody table width500px height300 border1trth姓名/thth电话/th/trtrtd张三/tdtd111/td/trtrtd李四/tdtd222/td/trtrtd王五/tdtd333/td/tr/table/body /html仔细看的话这里的表格边线是有两条的这里给它设置为一条边线。 这里用到的属性是 cellspacing将这个属性的值设为0即可。 html head/headbody table width500px height300 border1 cellspacing0trth姓名/thth电话/th/trtrtd张三/tdtd111/td/trtrtd李四/tdtd222/td/trtrtd王五/tdtd333/td/tr/table/body /html接下来要解决的就是对齐的问题。 如果要让信息对齐就需要使用 CSS html head styletd {text-align: center;} /style /headbody table width500px height300 border1 cellspacing0trth姓名/thth电话/th/trtrtd张三/tdtd111/td/trtrtd李四/tdtd222/td/trtrtd王五/tdtd333/td/tr/table/body /html这里的 head 标签里的代码意思就是让页面中所有的 td 标签中的文字到水平居中。 这里的 CSS 只是简单的提一下后面会细讲。 列表标签 列表标签分为 有序列表、无序列表、列表项 有序列表是 ol这是 ordered list 的简写无序列表是 ul这是 unordered list 的简写。 列表项是 li这是 list item 的简写。 html head/headbodyh3我的老婆们/h3olli咬人猫/lili兔总裁/lili张奶糖/lili阿叶君/li/olulli咬人猫/lili兔总裁/lili张奶糖/lili阿叶君/li/ul/body /html有序列表排名是分先后的无序列表是不分先后的。 在浏览器中按下 F12 或者 右键选择检查就可以打开浏览器的 “开发者工具”借助这个工具就可以看到这个页面是怎么实现的。
   表单标签 表单是让用户输入信息的重要途径。 分成两个部分 表单域 包含表单元素的区域重点是 from 标签。 表单控件 输入框提交按钮等重点是 input 标签。
3. from 标签 使用 from 标签来进行前后端的交互把页面上用户的操作或者是输入提交到服务器上。 这里后面再进行讲解这里暂时只是提一嘴。
4. input 标签 input 有很多的形态能够表现成各种用户用来输入的组件。 1、单行文本框 bodyinput typetext /body2、下面的也是一个文本框只不过是用来输入密码的。 bodyinput typepassword /body3、单选框 body请选择性别input typeradio 男input typeradio 女 /body此时会发现两个选择都可以选这是不符合逻辑的。 因此对于单选框我们可以使用 name 属性来进行设置name 属性相同的单选框的值之间是互斥的。 body请选择性别input typeradio namegender 男input typeradio namegender 女 /bodychecked 可以设置单选框默认选中的。 body请选择性别input typeradio namegender checkedchecked 男input typeradio namegender 女 /body4、复选框 body你每天都干什么input typecheckbox 吃饭input typecheckbox 睡觉input typecheckbox 学习 /body复选框也是可以使用checked 设置默认选中的。 body你每天都干什么input typecheckbox 吃饭input typecheckbox 睡觉input typecheckbox checkedchecked 学习 /body5、按钮 bodyinput typebutton value这是一个按钮 /body对于按钮点击后会有什么作用需要通过 js 来配合以后会讲解。 6、提交按钮搭配 from 使用 type“submit”外表和 button 是差不多的会触发 from 和服务器的交互。 具体以后再讲。 7、文件选择框 bodyinput typefile /body点击按钮会让我们选择一个文件。 input 的功能很丰富是和用户交互最主要的一个标签之一。
5. select 标签 select 是下拉菜单 bodyselectoption吃饭/optionoption睡觉/optionoption学习/optionoption运动/option/select /body可以任意选择上面的选项。
6. textarea 标签 textarea 标签 是多行编辑框 bodytextarea cols30 rows10/textarea /body5. 无语义标签div span 无语义标签指的是没有特殊含义的标签意思就是可以在任何场景中使用。 div 默认是独占一行的块级元素span 默认是不独占一行的行内元素。