深入解析:HTML常用标签大全

更新:11-13 名人轶事 我要投稿 纠错 投诉

大家好,今天给各位分享深入解析:HTML常用标签大全的一些知识,其中也会对进行解释,文章篇幅可能偏长,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在就马上开始吧!

h1 表示一级标题h2~h6 按降序排列2. p 段落表示一大段文字,包括标签p3. a 链接,链接到一个地址(包含各种属性)image.png

href属性:必填属性,表示链接的地址。 href="#"锚点,页面不会跳转或刷新; href="#about" 当前页面位于id=about 的位置; href="/getcourse"中的/代表根路径

target属性:_blank表示在新窗口中打开

title属性:表示鼠标指向该位置时出现的文字举例image.png4.图片(仅关闭标签,末尾不需要加/)

: http://www.jianshu.com/p/a.png部分可以是图片链接,alt部分可以理解为注释(断图时的图片文字)

5.div:语义是“一大块”,用于将页面分成块,使结构更清晰

..为了便于对某个版块进行样式等的操作,需设置标签来找到对应的部分,有两种:id和classid属性:给元素起一个唯一的名称,并直接表明该部分的作用。

class属性:表示类别。不同的事物可以用类别来标记。那么该类别的等级标记的目标在运行过程中发生改变。

6.ul liul: unsort list 无序列表用于表示并行内容。 ul的直接子元素是li(ul后面不能是段落p或其他!)主页可以嵌套。更多联系地址举例:一个网页导航栏包含主页、关于、更多标签,并排;联系人和地址作为更多的二级菜单并且可以嵌套。

7.ol li:ol: 顺序列表有序顺序列表用于用步骤或数字表示并行内容。 ol的直接子元素只能是li,并且可以嵌套。

举例:

把大象关到冰箱的步骤

把大象变小。打开冰箱把大象塞进去image.png

图中aaa、bbb、ccc之间没有明显的顺序,优先选择无序列表。然而,稍后安装大象有明显的步骤,并且首选有序列表。

8.dl dt dd:用于显示一系列“标题:内容.”场景

产品名称: 青花瓷特性: 白圆口产品介绍这是一件很古老的瓷器,非常昂贵且易碎image.png

dl:表格

dt:标题标题

dd:说明说明9.button:按钮

点我

image.png10.strong em span(重要性有区别)

em需要强调的是,强很重要,强调更强折扣100

小谷2岁了

举例图片.png

图中的span标签后面可以直接通过CSS操作来改变样式,而无需操作段落。11.iframe:用于嵌入页面。注意跨域操作问题。

举例W3Cschool.cc

图片.png

点击链接后的效果图片.png

注:跨域问题,如果iframe中的链接与当前页面的域名不同,则只能显示iframe中的链接,无法使用js进行操作。iframe的作用,例如网页上有一个表单,可以通过js获取iframe进行引用和操作。12.table:用于显示表格,不用于布局的thead tbody tfoot可省略,浏览器会自动添加border-collapse:崩溃;用于合并边框

举例姓名年龄姓名年龄小明18 小华20 image.png

tr:一条线,台卷

td:一栏

th:标题: 网页的所有内容都在此标签内

:表示当前页面的语言类型,zh为中文,包括简体和繁体。有时打开网页时提示:“当前页面是英文,需要翻译成中文吗?”浏览器可以依靠这个标签来识别当前页面的语言内容。

:该内容与页面内容无关

meta标签

好了,文章到此结束,希望可以帮助到大家。

用户评论

孤者何惧

了解了常用的Html标签可以让我写网页方便多了!

    有13位网友表示赞同!

可儿

想自己动手设计网站还是得先学好HTML的啊!

    有18位网友表示赞同!

Edinburgh°南空

原来有很多不同的HTML标签可以用,真厉害!

    有16位网友表示赞同!

无望的后半生

学习HTML的时候感觉最难的是记忆那些标签名称。

    有20位网友表示赞同!

落花忆梦

这个常见HTML标签分享很有用呀,可以让我快速查到需要的标签。

    有19位网友表示赞同!

入骨相思

网页制作入门应该就是先把常用的HTML标签掌握了吧?

    有13位网友表示赞同!

伪心

感觉这些HTML标签用的频率都挺高的,以后做网站要记得啊!

    有17位网友表示赞同!

栀蓝

学习HTML标签真是一门慢慢累功的过程,不能急着学。

    有14位网友表示赞同!

命里缺他

网页设计好像可以用好多种语言,HTML就比较基础吧?

    有20位网友表示赞同!

你身上有刺,别扎我

之前没有认真学习过HTML,才知道原来这些标签竟然有这么多分类!

    有11位网友表示赞同!

窒息

看完这个内容以后我更感觉要好好学习HTML了!

    有7位网友表示赞同!

冷月花魂

现在网络上很多网站资源都是自己编写的,难怪学HTML这么重要!

    有8位网友表示赞同!

生命一旅程

下次用到HTML的时候可以参考这份清单了。

    有16位网友表示赞同!

一点一点把你清空

想学习编程的话,先从HTML入手好像是个不错的选择啊!

    有5位网友表示赞同!

凝残月

这个分享对想要学网页设计的同学们很有帮助吧?

    有18位网友表示赞同!

有你,很幸福

HTML标签真是一门有趣的学科呀!

    有7位网友表示赞同!

淡淡の清香

我记得小时候就开始对一些简单的HTML代码感兴趣了!

    有10位网友表示赞同!

涐们的幸福像流星丶

学习HTML可以让我更好地理解网页是如何构建的。

    有17位网友表示赞同!

为爱放弃

感觉掌握好HTML标签以后,做任何类型的網頁都更得心应手吧!

    有11位网友表示赞同!

【深入解析:HTML常用标签大全】相关文章:

1.蛤蟆讨媳妇【哈尼族民间故事】

2.米颠拜石

3.王羲之临池学书

4.清代敢于创新的“浓墨宰相”——刘墉

5.“巧取豪夺”的由来--米芾逸事

6.荒唐洁癖 惜砚如身(米芾逸事)

7.拜石为兄--米芾逸事

8.郑板桥轶事十则

9.王献之被公主抢亲后的悲惨人生

10.史上真实张三丰:在棺材中竟神奇复活

上一篇:活出真实的自我:探寻俗人的真实人生 下一篇:挑战1000天演讲打卡:第233天心灵洗礼主题分享,坚持变习惯的申诉之旅