HTML-常用标签总结与实践_html/css_WEB-ITnose

什么是HTML?

超文本标记语言，标准通用标记语言下的一个应用。

“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

-----源于百度百科

也就是说，前台的界面，包含文字、声音、图片等，是通过HTML这种语言来编写的，在牛腩新闻发布系统中接触过了整个Web系统的开发之后，对于HTML代码与CSS+DIV的结合有了新的认识，通过这篇总结对于HTML的标签做个简单的认识。

一、元素and标签and属性

我相信很多人学习完HTML不知道元素和标签之间的区别是什么，我也不知道，通过查询资料，自己解决了这个疑惑，分享给大家。

HELLO WORLD!
    

元素：正如在高中化学学习中，元素二字即代表构成物质的组成最基本的单位，在这里也是，HTML元素就是构成HTML文件的基本对象，就像上述代码中：

HELLO WORLD!

就是元素，它构成了HTML的最基本单位。

标签：就是

、、等被尖括号“”包起来的对象，绝大部分的标签都是成对出现的，如、。当然还有少部分不是成对出现的，如
、

---

等。

属性：

标签中，size=”12”这就是部分的一个属性，一般是在开始标签中定义，且伴随“=”成对出现。

二、常用标签介绍

（1）与文字相关标签

                 
静夜思
                          作者：李白            

                                    窗前明月光，疑是地上霜。
                    举头望明月，低头思故乡。                        
    

效果如下：

需要掌握的是

段落标签，

---

插入横线标签（其中的color属性可以设置线的颜色），
换行标签，而和则分别使得字体显示为粗体和斜体。

（2）与表格相关标签

2004年度期末考试成绩单

姓名	语文	英语	数学
张三	69	27	76
李四	89	27	46
王五	39	88	67
马六	87	77	66

效果如下：

几个属性和标签的介绍：

1.border align valign bgcolor

border设置边框宽度，默认为0.

Align 设置水平对齐方式，属性值：left center right

valign设置垂直对齐方式，属性值：top middle bottom

bgcolor 设置背景颜色

2.

定义表格

向表格元素中添加新行 向行中添加内容

（3）与图片相关标签

在牛腩中，当时的common.Master模板中的一句：

很完美的将插入图片运用起来。通过href=””设置超链接，通过target=”_blank”打开一个新的页面，而元素则将图片显示出来。

通过上述的对于元素、标签、属性的对比以及几个例子的训练，基本的HTML代码已经没有问题了。

版权声明：本文为博主原创文章，未经博主允许不得转载。

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系[e-mail]核实处理。

相关文章

相关视频

---

• html下拉菜单文字怎么变小
• HTML里怎么设置thead表头的颜色
• html5中元素能拉伸宽度吗
• html中怎么清除li黑点
• HTML-常用标签总结与实践_html/css_W...

• 网页网店导航店招
• 图标设计
• 文字图层样式
• 描边发光按键

网友评论

文明上网理性发言，请遵守 新闻评论服务协议

我要评论

立即提交

专题推荐

• 独孤九贱-php全栈开发教程

  全栈 170W+

  主讲：Peter-Zhu 轻松幽默、简短易学，非常适合PHP学习入门

• 玉女心经-web前端开发教程

  入门 80W+

  主讲：灭绝师太 由浅入深、明快简洁，非常适合前端学习入门

• 天龙八部-实战开发教程

  实战 120W+

  主讲：西门大官人 思路清晰、严谨规范，适合有一定web编程基础学习

作者信息

认证0级讲师

发布技术文章

• 最新文章
• 热门排行

• html中怎么清除li黑点
• html下拉菜单文字怎么变小
• HTML里怎么设置thead表头的颜色
• html的name和value是什么意思
• html如何给背景图片设置透明度
• html中怎么让列表横向排列
• html5怎么创建跳转页尾超链接
• 十分钟搞懂form标签中的GET和POST提交方式

• 404 not found是什么意思
• DOM是什么意思
• url是什么意思？
• 如何改变图片大小
• html是什么
• html如何创建电子邮件链接
• HTML编辑器有哪些？最好用的4款HTML编辑器推荐
• 如何制作一个简单的HTML登录页面（附代码）

推荐视频教程

javascript初级视频教程

jquery 基础视频教程

视频教程分类

• php视频教程
• html视频教程
• css视频教程
• JS视频教程
• jQuery视频教程
• mysql视频教程
• Linux视频教程
• Python视频教程

• 网站首页
• PHP视频
• PHP实战
• PHP代码
• PHP手册
• 词条
• 手记
• 编程词典
• php培训

：公益在线php培训，帮助PHP学习者快速成长！

Copyright 2014-2021 https://www.php.cn/ All Rights Reserved | 苏ICP备2020058653号-1关于我们免责申明赞助与捐赠广告合作