课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
html标签的应用是每一个web前端编程开发程序员都应该熟练掌握的一个前端编程知识点,下面我们就通过案例分析来简单了解一下,零基础学html开发需要掌握哪些标签类型。
1.div标签(双)
一个通用标签,表示一个区块(division),可用于存放文本内容以及其他标签
2.span标签(双)
一个通用目的的行内标签(即不会产生换行),不带有任何语义
3.p标签(双)
一个块级元素,代表文章的一个段落(paragraph)
4.a标签(双)
用来定义超链接,使一张页面链接到另外一张页面
未被访问的链接带有下划线--蓝色
已访问的链接带有下划线--紫色
href属性:表示链接的目标地址,也用于锚点链接(id名)。
target属性:表示当前连接的打开方式,值为_self表示默认当前窗口,值为_blank表示在新窗口打开
5.img标签(单)
img为图像标签,可以向网页中嵌入图像
src:用来引用图像文件的绝对路径或相对路径(URL)
--相对路径:当前位置开始寻找--范围小
--绝对路径:从根源出发(盘符出发),范围大
alt:规定在图像无法显示时的替代文本,解释说明
title:鼠标移动至图片上方显示相应文字信息
注意:我们一般在使用img标签时,随即添加width/height属性来设置图片大小,目的是:用来占据位置,防止网页布局混乱
6.ul无序列表(双)
ul标签里边只能是li标签,li标签里边可以放其他标签!
type属性:
disc--默认值,黑心圆
circle--空心圆
square--黑方块
7.ol有序列表(双)
ol标签里边只能是li标签,li标签里边可以放其他标签!
type属性:
1--默认值,按照数字1开始排序
A--按照大写英文字母A排序
a--按照小写英文字母a排序
I--按照大写罗马字符排序
i--按照小写罗马字符排序
8.dl自定义列表(双)
9.br换行符(单)
换行符,单独使用
10.hr标签(单)
水平线分割线,单独使用
11.pre标签(双)
一个块级元素,表示保留原来的格式(浏览器会保留该标签内部原始的换行和空格)
12.strong/b标签(双)
以粗体显示内容,表示内容本身的重要性(strong权重大于b)
13.em/i标签(双)
以斜体显示它包含的内容,表示语气上的强调(em权重大于i)
14.code标签(双)
一个行内元素,表示标签内容是计算机代码,浏览器默认会以等宽字体显示
【免责声明】:本内容转载于网络,转载目的在于传递信息。文章内容为作者个人意见,本平台对文中陈述、观点保持中立,不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。