什么是HTML?

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

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

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

-----源于百度百科

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

一、元素and标签and属性

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

<html>
<head><title>这是标题</title></head>

    <body size=”12”>

	<p>HELLO WORLD!</p>

    </body>

</html>

元素：正如在高中化学学习中，元素二字即代表构成物质的组成最主要的单位。在这里也是，HTML元素就是构成HTML文件的基本对象。就像上述代码中：<p>HELLO WORLD!</p>就是元素，它构成了HTML的最基本单位。

标签：就是<head>、<body>、<table>等被尖括号“<”和“>”包起来的对象。绝大部分的标签都是成对出现的，如<table></talbe>、<form></form>。

当然还有少部分不是成对出现的，如<br>、<hr>等。

属性：<body>标签中。size=”12”这就是<body>部分的一个属性，通常是在開始标签中定义，且伴随“=”成对出现。

二、经常使用标签介绍

（1）与文字相关标签

 <html>

    <head><title>静夜思</title></head>

    <body>

        <!--这是一首诗-->

        <center>

            <h2><font color="red">静夜思</font></h2>

                          <b>作者：李白</b>

            <hr color="blue">

            <p>

                <b><i><font color="green" size="3">

                    窗前明月光。疑是地上霜。<br>

                    举头望明月。低头思故乡。

                </font></i><b>

        </center>

    </body>

</html>

效果例如以下：

posted on
2017-06-25 08:33 
cynchanpin 
阅读(...) 
评论(...) 
编辑 
收藏

HTML---经常使用标签总结与实践的更多相关文章

  1. 地图POI类别标签体系建设实践

    导读 POI是“Point of interest”的缩写,中文可以翻译为“兴趣点”.在地图上,一个POI可以是一栋房子.一个商铺.一个公交站.一个湖泊.一条道路等.在地图搜索场景,POI是检索对象, ...

  2. 将具有特殊class名img标签替换成[img][/img]标签--javascript正则表达式实践

    在项目中,可能有时候需要将一些特殊的东西加一个特别的属性,或者一个特殊的Class.如下: <!-- 第一种写法 --> <img src="abc.jpg" f ...

  3. Tag标签系统设计

    转一篇关于tag的文章:  <Tagging: People-powered Metadata for the Social Web>出版于2008年,中文版译为<标签:标记系统设计 ...

  4. webpack实践（四）- html-webpack-plugin

    webpack系列博客中代码均在github上:https://github.com/JEmbrace/webpack-practice <webpack实践(一)- 先入个门> < ...

  5. 《百面机器学习算法工程师带你去面试》高清PDF及epub+《美团机器学习实践》PDF及思维导图

    http://blog.sina.com.cn/s/blog_ecd882db0102yuek.html <百面机器学习算法工程师带你去面试>高清PDF及epub+<美团机器学习实践 ...

  6. Servlet 3.0 之@WebFilter怎么控制多个filter的执行顺序

    之前我们控制多个filter的执行顺序是通过web.xml中控制filter的位置来控制的,放在上面的会比放在下面的先执行,如下“用户登录检查过滤器”会比“接口日志过滤器”先执行   <!-- ...

  7. dl以及dt，dd，以及table的tr，th，td最清楚分析

    1,定义:<dl> <dt> <dd>是一组合标签,使用了dt dd最外层就必须使用dl包裹,此组合标签我们也又叫表格标签,与table表格类似组合标签,故名我们也 ...

  8. @WebFilter怎么控制多个filter的执行顺序

    转自:http://blog.csdn.net/liming_0820/article/details/53332070 之前我们控制多个filter的执行顺序是通过web.xml中控制filter的 ...

  9. Springboot @webfilter @order filter过滤器

    我们使用@WebFilter注解的时候发现注解里面没有提供可以控制执行顺序的参数 @WebFilter 的属性 属性名 类型 描述 filterName String 指定过滤器的 name 属性,等 ...

随机推荐

  1. Servlet过滤器和监听器知识总结

    Servlet过滤器是 Servlet 程序的一种特殊用法,主要用来完成一些通用的操作,如编码的过滤.判断用户的登录状态.过滤器使得Servlet开发者能够在客户端请求到达 Servlet资源之前被截 ...

  2. BZOJ4031——HEOI小z的房间

    题意:求某网格图生成树个数,对1e9取模 题解:题目是裸的Matrix-Tree定理,这不是我要说的重点,重点是对于这个取模的处理. 由于这不是个质数,所以不能直接乘逆元来当除法用.直接高斯消元肯定是 ...

  3. XML系统学习

    参考:W3School XML基本概念 1.XML是eXtensible Markup Language,使用DTD(Document Type Definition)来描述数据,主要是为传输和存储数 ...

  4. 本地配置 Redis

    1.下载 https://redis.io/ https://github.com/dmajkic/Redis/downloads 2. 2.cmd 运行: 3.切换到另外一个cmd : ok! 关于 ...

  5. NOI.AC: NOIP2018 全国模拟赛习题练习

    闲谈: 最后一个星期还是不浪了,做一下模拟赛(还是有点小虚) #30.candy 题目: 有一个人想买糖吃,有两家商店A,B,A商店中第i个糖果的愉悦度为Ai,B商店中第i个糖果的愉悦度为Bi 给出n ...

  6. BZOJ 3052 树上带修莫队

    思路: 就是把带修莫队移到了树上 块的大小开到(n^2/3)/2 比较好- 这是一个卡OJ好题 //By SiriusRen #include <cmath> #include <c ...

  7. Java基础——环境变量（PATH）和类变量（CLASSPATH）

    一.环境变量(PATH) 科普下,环境变量不是java的知识,是windows系统的环境变量. 下面请看怎么查看和修改windows的环境变量 在“我的电脑”右键属性进入后 点击“高级系统设置”(如下 ...

  8. struts2学习之基础笔记3

    第8章Struts 2类型转换 使用类型转换器 自定义类型转换器 步骤:1. Struts 2 构建流程 2.自定义类型转换器类(继承 DefaultTypeConverter /StrutsType ...

  9. P2740 [USACO4.2]草地排水Drainage Ditches

    题目背景 在农夫约翰的农场上,每逢下雨,贝茜最喜欢的三叶草地就积聚了一潭水.这意味着草地被水淹没了,并且小草要继续生长还要花相当长一段时间.因此,农夫约翰修建了一套排水系统来使贝茜的草地免除被大水淹没 ...

  10. Stack Overflow大揭密：哪一种程序员工资最高？

    Stackoverflow在程序员之间可以說是无人不知无人不晓,甚至常有人开玩笑说:“如果stackoverflow倒闭了,全世界代码的产出率将下降一半以上”或许听起来有点夸张,但是不难想像这个网站在 ...