• 技术文章 >web前端 >html教程

    html的基础元素,让你零基础学习HTML

    寻∝梦寻∝梦2018-08-13 11:23:44原创2050
    首先,什么是HTML

    HTML的全称是:Hypertext Marked Language,即超文本标记语言,是目前在网络上应用最广泛的语言,也是构成网页文档的主要语言,主要用来控制网页的结构。它是由其标签组成的描述性文本。使用HTML语言描述的文件,需要通过WEB浏览器显示出效果。

    其次,HTML的结构:

    <html><!--开始-->
        <head>
            <!--头部信息,如<title>定义标题-->
        </head>
        <body>
            <!--主体信息,包含网页显示的内容-->
        </body>
    </html><!--结束-->

    基本上任何的HTML都是由这三个标签组成的;

    1.文档的几种基础结构标签:

    1.png

    测试结果:

    2.png

    2.文本格式标签:

    3.png

    3.文字效果标签:

    4.png

    还有其它一些基础的,比如:

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>PHP中文网测试</title>
    </head>
    <body>
    	<b>网页的粗体</b>
    	<em>网页的强调</em>
    	<i>网页的斜体</i>
    	<small>网页的小号字体</small>
    	<strong>网页的强调文本,比em强调的更深一点</strong>
    	<sub>网页的下标文本</sub>
    	<sup>网页的上标文本</sup>
    	<ins>网页中已经被插入文档中的文本</ins>
    	<del>定义文档中已被删除的文本</del>
    	<span>用来组合文档中的行内元素</span>
    </body>
    </html>

    测试结果,如图:

    图示5.png

    4.超链接标签:

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>PHP中文网测试</title>
    </head>
    <body>
    	<a href="//m.sbmmt.com">PHP中文网</a>
    </body>
    </html>

    测试结果:

    6.png

    几个简单的标签元素,希望大家都能够熟悉运用。

    【相关推荐】

    html5表格的介绍和详情

    html5列表的介绍和详情

    以上就是html的基础元素,让你零基础学习HTML的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:html基础的元素
    上一篇:html页面中友情链接怎么进行添加设置?(代码示例) 下一篇:HTML和HTML5的发展历史
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox)_html/css_WEB-ITnose• ajax简单小例子_基于xml的实现• 浏览器得到地址栏的相关信息_html/css_WEB-ITnose• Codeforces Round#263(Div.2)_html/css_WEB-ITnose• bootstrap问题 高手在哪里?_html/css_WEB-ITnose
    1/1

    PHP中文网