首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

标签选择

所以今天我们着重的给大家来讲解一下如何选择标签,以最精简的代码实现我们的页面制作。...本文内容概要: 1 标签的默认样式 2 标签的语义性 3 标签的嵌套规则 4 标签的选用原则 5 合理选择标签的案例展示 一、标签的默认样式 通过这么长时间的页面制作,我们知道在每次制作的时候都需要引入一个叫做...; 标签的语义为定义文档中已被删除的文本; 三、标签的嵌套规则 如上,我们看到了所有标签的含义是什么,也可以通过它们自身的语义性来做相应的选择,做好页面优化工作。...所以在自己会选择标签了之后,小编再为大家整理了一个前端开发中需要遵守的标签嵌套规则。 具体如下: 1) body可以直接包含块状元素、ins、del、script。...五、合理选择标签的案例展示 如下给出的两个案例是我们最常用的页面导航的制作,两种方式对应着两种标签选择方法,各有各的特点。 制作导航栏,直接使用div~a的形式,减少层级的嵌套。如下: <!

1.2K90

【HTML】HTML 标签 ② ( 排版标签 | 标题标签 | 段落标签 | 水平线标签 | 换行标签 | div 标签 | span 标签 )

文章目录 一、排版标签 1、标题标签 2、段落标签 3、水平线标签 4、换行标签 5、div 标签 和 span 标签 HTML 常用的标签有如下类型 : 排版标签 文本格式化标签 图像标签 链接标签..., 其中 链接涉及到 相对路径 与 绝对路径问题 ; 一、排版标签 ---- 排版标签 是 网页布局 中 , 最常用的标签 , 排版标签又分为如下几个类型 : 标题标签 段落标签 水平线标签 换行标签...div 标签 span 标签 1、标题标签 HTML 提供了 6 个等级的标题 , 分别是 一级标题 二级标题 三级标题...水平线标签 , 可以在网页中添加一条分割横线 , 标签代码如下 : 在标题下添加了 标签后的效果 , 在网页中 , 显示了一条横线 ; 4、换行标签 换行标签 : <br...和 span 标签 div 标签 和 span 标签 都用于 网页布局 ; div 标签 一行 只能设置一个 ; 布局内容 span 标签 一行可以设置多个 ;

10K30
您找到你想要的搜索结果了吗?
是的
没有找到

JavaWeb——HTML基本标签详解及案例实战(文件标签、文本标签、图片标签、列表标签、链接标签、块标签、语义化标签、表格标签

上一节介绍了HTML的基本概念,和基本语法,本节介绍下HTML的基本标签和表单标签。这部分学习可以参照W3Cschool,一个很好的网站。...1、文件标签 文件标签是构成HTML最基本的标签,包括: html:html文档 的根标签 head:头标签,用于指定html文档的一些属性,引入外部的资源 title:标题标签 body:体标签 :html5中定义该文档是html文档 2、文本标签 文本标签是和文本相关的标签,包括: 注释: 换行标签,自闭和标签 标题标签,字体大小逐渐递减,自带换行效果 段落标签 显示一条水平线,可以修改属性(color、width、size...6、块标签 次此处简单介绍div和span标签,后续一般配合css使用。 【举例】:div 和 span 标签 <!

3.6K11

【HTML】HTML 标签 ③ ( 链接标签 | 注释标签 )

文章目录 一、链接标签 二、注释标签 HTML 常用的标签有如下类型 : 排版标签 文本格式化标签 图像标签 链接标签 , 其中 链接涉及到 相对路径 与 绝对路径问题 ; 一、链接标签 ----...连接标签格式 : 链接内容 href 属性 : 设置 链接 的 URL 地址 , 该属性必须设置 ; 链接 分为 外部链接 和 内部链接...点击链接 2 , 跳转到首页网页 ; 点击链接 3 , 没有任何效果 ; 点击链接 4 , 跳转到博客页面 ; 点击链接 5 , 原窗口保留 , 在新窗口显示博客页面 ; 二、注释标签...---- 如果在 HTML 页面中进行 代码注释 , 则可以使用 注释标签 ; 在 注释标签 中的内容 , 不显示在页面 中 ; 注释是给 程序员 看的 , 用于标注代码作用 ; 通常情况下 , 都在代码的上方一行位置添加注释 ; 注释代码示例 : <!

10.4K20

【HTML】HTML 标签总结 ★★★ ( 标签类型 | 排版标签 | 文本格式化标签 | 标签属性 | 图像标签 | 链接标签 | 注释标签 | 锚点定位 | 预格式化文本标签 | 特殊符号 )

文章目录 一、HTML 标签简介 二、HTML 骨架标签 三、双标签和单标签 四、嵌套关系和并列关系 五、文档类型 六、页面语言 七、编码字符集 八、排版标签 1、标题标签 2、段落标签 3、水平线标签...4、换行标签 5、div 标签 和 span 标签 九、文本格式化标签 ( 加粗 | 斜体 | 下划线 | 删除线 ) 十、标签属性 十一、图像标签 十二、链接标签 十三、注释标签 十四、文件路径...描述网页中的元素 , 常见的标签有 : 文本标签 , 换行标签 , 图像标签 , 链接标签 , 注释标签 等 ; HTML 标签都在 尖括号 中进行定义 , 这些标签都有各自的语法规范 ; 二...---- 排版标签 是 网页布局 中 , 最常用的标签 , 排版标签又分为如下几个类型 : 标题标签 段落标签 水平线标签 换行标签 div 标签 span 标签 1、标题标签 HTML 提供了 6...设置图像的像素高度 ; 宽度和高度设置任意一个 , 另外一个可以等比例缩放 ; border 属性 : 作用是 设置图像的边框宽度度 , 一般都使用 css 设置 border 属性 ; 上述属性可以选择性设置

6.9K30

body标签中相关标签

py3study     这是一个段落     这是另一个段落...HTML标签是分等级的。HTML将所有的标签分为两种: 文本级标签:p、span、a、b、i、u、em。文本标签里只能放文字、图片、表单元素。 容器级标签:div、h系列、li、dt、dd。...属性值可选择:left、right、 center 和唯一的区别在于:是不换行的,而是换行的。 如果单独在网页中插入这两个元素,不会对页面产生任何的影响。...标签标签的区别在于:标签会在段落的前后自动插入一个空行,而标签没有空行;而且标签没有属性。.../ceshi.html">点击进入www.py3study.com首页 a是英语anchor“锚”的意思,就好像这个页面往另一个页面扔出了一个锚。

4.5K10

4、web爬虫,scrapy模块标签选择器下载图片,以及正则匹配标签

标签选择器对象 HtmlXPathSelector()创建标签选择器对象,参数接收response回调的html对象 需要导入模块:from scrapy.selector import HtmlXPathSelector...select()标签选择器方法,是HtmlXPathSelector里的一个方法,参数接收选择器规则,返回列表元素是一个标签对象 extract()获取到选择器过滤后的内容,返回列表元素是内容 选择器规则...               #创建HtmlXPathSelector对象,将页面返回对象传进去         items = hxs.select('//div[@class="showlist"]/li')  #标签选择器...               #创建HtmlXPathSelector对象,将页面返回对象传进去         items = hxs.select('//div[@class="showlist"]/li')  #标签选择器..., 分为两种正则使用方式   1、将选择器规则过滤出来的结果进行正则匹配   2、在选择器规则里应用正则进行过滤 1、将选择器规则过滤出来的结果进行正则匹配,用正则取最终内容 最后.re('正则') #

1.1K20
领券