什么是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. wcf的Contract中name的使用

    name可以自定义,Contract中的name会更改soap消息中的名称,虽然不影响在服务端代码中的使用 可以看到,在后台代码中使用函数的重用进行编写代码是非常方便的

  2. 用户体验之如何优化你的APP

    用户体验,速度为王,来几个优化APP“速度”的建议. 1.后台执行 毋庸多言,已是通常做法. 一般在执行下载任务时让其在后台运营,让用户有精力去做别的事情. 后端加载 2.提前显示 客户端与WEB的数 ...

  3. WifiManager类具体解释

    public class WifiManager extends Object java.lang.Object    ↳ android.net.wifi.WifiManager 类概述 This ...

  4. EntboostChat 0.9（越狱版）公布，iOS免费企业IM

    恩布互联公布IOS免费企业IM 0.9越狱预览版本号,支持全部iPhone4/5手机(6未上真机測试),iPad平板,主要功能包含单聊.群聊,企业组织结构,文本.表情.图片.文件.截图.离线消息等: ...

  5. Unity3D 人形血条制作小知识

    这几天用Unity3D做个射击小游戏,想做个人形的血条.百思不得其解,后来问了网上的牛牛们,攻克了,事实上挺简单的,GUI里面有个函数DrawTextureWithTexCoords就能够实现图片的裁 ...

  6. Chisel Tutorial（一）——Chisel介绍

    Chisel是由伯克利大学公布的一种开源硬件构建语言,建立在Scala语言之上,是Scala特定领域语言的一个应用,具有高度參数化的生成器(highly parameterized generator ...

  7. Django学习笔记（一）——安装，创建项目,配置

    疯狂的暑假学习之 Django学习笔记(一) 教材  书<The Django Book> 视频:csvt Django视频 1.创建项目 django‐admin.py startpro ...

  8. Hadoop自学笔记（二）HDFS简单介绍

    1. HDFS Architecture 一种Master-Slave结构.包括Name Node, Secondary Name Node,Data Node Job Tracker, Task T ...

  9. 三大表连接方式详解之Nested loop join和 Sort merge join

    在早期版本,Oracle提供的是nested-loop join,两表连接就相当于二重循环,假定两表分别有m行和n行       如果内循环是全表扫描,时间复杂度就是O(m*n)       如果内循 ...

  10. oracle 11gR2 如何修改public ip

    修改public ip 修改前后ip信息 修改前ip信息 p570a 192.168.1.10 p570b 192.168.1.11 修改后ip信息 p570a 1.7.3.112 p570a 1.7 ...