zoukankan      html  css  js  c++  java
  • html 简介

    html 叫做超文本标记语言,其中“超文本”,指的是不仅包含文字,还包括了视频,音频,图片,超链接等非文字元素。html 语言是网页编程的基础。

    在html 中,定义了各种标签(tag),  通过将各种元素放置在对应的标签中,从而实现特殊的展现形式。

    html 最新的标准是html5, 增加了网页上展现视频,音频,画布等新特性,但是不同的版本的浏览器对html 标准的支持不一致。

    在文本编辑器中,直接书写html即可,然后将文件保存为.html ,用浏览器打开这个文件,就可以看到效果了。

    下面看一个最简单的例子

    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
    </head>
    <body>
        Hellow world!
    </body>
    </html>

    在网页上呈现的效果如下:

    在上面的代码中,第一行的<!DOCTYPE html> 是用来声明这个文件是一个html文件,所有的html 元素都放在<html> </html> 这对标签中。

    html的标签大部分是成对出现的,类似<html> 这样的标签叫做起始标签,</html> 叫做闭合标签,对于成对出现的标签,一定要记得起始和关闭都要有。

    在<html> 这对标签中,出现了两个成对标签,<head> 和 <body>,  <head> 标签代表头部的意思,<body>标签代笔正文,<head>标签中的内容,并不会展现在浏览器窗口中;<body> 标签内用于放置希望展现在网页上的内容。

    我们在<body>标签内添加了文字 “Hello World!” ,这个文字就直接展现在网页上了。

    需要注意的是,html 是不会识别源代码中的空格和换行符的,如果想要在网页行展现空格和换行符,必须使用特定的手段。在上面的代码中,hello wordl 字符前是有空格的,但是从网页上的效果来看,hello world之前并没有空格。

    我们修改下源代码,加入换行符和空格,看下效果:

    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
    </head>
    <body>
        Hellow world!          Hellow world!            
        Hellow world!
        Hellow world!
    </body>
    </html>

    效果如下:

    可以看到,代码中的换行和空格,都没有实际的效果。

    那么如何实现空格和换行呢?看下面的代码

    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
    </head>
    <body>
        Hellow world!&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Hellow world!<br/>       
        Hellow world!<br/>
        Hellow world!
    </body>
    </html>

    空格使用&nbsp;字符来实现,为了效果明显,我们插入多个空格;换行通过<br/> 标签来实现

    效果如下:

  • 相关阅读:
    获取父子栏目内容的知识点总结:更多信息页面的信息内容获取
    获取栏目内容的知识点总结:SingleInfoSortPortlet类型笔记(单栏目的获取)
    JBPM插件安装(MyEclipse8.5测试成功)和配置
    获取栏目内容的知识点总结:KnobInfoSortPortlet类型笔记(没有层级关系的栏目信息)
    HTML的事件说明
    正交投影、格拉姆施密特正交(一)
    子级Repeater获取父级Repeater绑定项的值
    启用IIS6的Gzip压缩功能
    属性IsLocked不可用于登录"[sa]解决办法
    在IE流览器中正确显示PNG透明图片
  • 原文地址:https://www.cnblogs.com/xudongliang/p/7463407.html
Copyright © 2011-2022 走看看