什么是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. [ASP.NET]asp.net动态加载用户控件

    用户控件 // 用户控件源码 namespace wzjr.control { public partial class Topic : System.Web.UI.UserControl { pub ...

  2. angularjs1-7,http,location

    <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content ...

  3. 2017-3-7 leetcode 66 119 121

    今天纠结了一整天============================================================== leetcode66 https://leetcode.c ...

  4. IPython Autoreload

    在PyCharm中进行代码调试的时候, 设置修改的模块自动重新载入是非常方便的 In [1]: %load_ext autoreload In [2]: %autoreload 2

  5. oracle故障处理之删除大表空间hang住

    背景 数据库分区表数据越来越大,需要对过期话的数据进行迁移,以及大的分区表需要进行数据的清理和删除,达到释放磁盘空间的目的. 问题说明 环境:linux 6.X 数据库:oracle 11.2.0.4 ...

  6. Response.Redirect(),Server.Transfer(),Server.Execute()的区别与网站优化

    转 http://blog.csdn.net/dannywj1371/article/details/10213631 1.Response.Redirect():Response.Redirect方 ...

  7. centos 出现的问题

    1.DNS问题,导致yum没得源 echo "nameserver 8.8.8.8">>/etc/resolv.conf 2.CentOS 7最小化安装后找不到‘ifc ...

  8. H5自带进度条&滑块

    一.H5自带进度条 <div id="d1"> <p id="pgv">进度:0%</p> <progress id= ...

  9. 401 - Unauthorized: Access is denied due to invalid credentials.

    solution:change application pool from ApplicationPoolIdentity to NetworkService.

  10. Thingworx SDK开发自定义Widget

    Thingworx自带的图表数量有限,样式也很有限,在echarts上看到了这样一个非常简单的图表,下面将做一个简单的静态引入示范 首先创建Thingworx项目 然后右键ui新建widget 自动生 ...