html 超文本标记语言

最新推荐文章于 2024-08-10 15:48:39 发布

倾听岁月

最新推荐文章于 2024-08-10 15:48:39 发布

阅读量1.5k

点赞数

分类专栏：技术开发文档文章标签： html

本文链接：https://blog.csdn.net/u014559227/article/details/70983757

版权

技术开发文档专栏收录该内容

65 篇文章 3 订阅

订阅专栏

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

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

<!DOCTYPE html>
 <html>

 </html>

所有的html代码都应该包含在html 标签中
声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

<html>
    <head>
    </head>
</html>

<head></head>是关于这张网页的头信息，里面可以声明该
网页的标题(<title></title>)，
网页引用类型及采用的编码格式
(<meta http-equiv="content-type" content="text/html;charset=utf-8" />)
甚至在手机浏览器上我们可以声明该网页的标准宽度。
以及供百度搜索引擎功能应用的(<meta name="keywords" content="我是被搜索出的内容" />)这个功能很重要，百度搜索的排名全靠他了。

<body>
</body>

<body></body>标签里面的内容是我们在网页能通过肉眼观察到的，如我们在网页看到一张图片，一段文字，都将包含在这个标签当中

在各个网站上面，我们能看到形形色色的网站，网站的漂亮界面和动态简直让我们大开眼界。这个是怎么实现的呢？那是通过各种html语法标签配合css、图片、javascript特效制作而成的。如css自带的动画，也可以用javascript去实现的动画。还有就是当前PC浏览器能支持的flash。

我们来看个例子，这个例子采用的是css对html语法标签进行定位及javascript按钮点击事件。

<!DOCTYPE html>
<html>
    <head>
        <!--声明页面编码-->
        <meta charset="utf-8" />
        <!--声明网页标题-->
        <title>我是网页标题</title>

        <style>
            *{margin:0px;padding:0px}
            .demo_div1{background:red;width:100px;height:50px;}
p{line-height:100px;text-align:center;background:#000;color:#fff}
        </style>
    </head>
    <body>
        <div class="demo_div1">
            <p id="text_hello">hello world<p>
        </div>
        <button id="demo_btn">我是谁</button>
        <script type="text/javascript">
            document.getElementById(demo_btn).click=function(){
            var text_hello_obj = document.getElementById("demo_btn");
            alert(text_hello_obj.innerHTML);
            }
        </script>
    </body>
</html>