html 超文本标记语言

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

 超文本标记语言的结构包括“头”部分(英语: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>

如上一个简单的demo就完成了。点击按钮就会弹出p标签里面的内容。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值