HTML的简单情况（1）

一、HTML简介

1.超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。

2.标记语言由规定浏览器软件等显示和管理Web文档的指令集（标签或者标记，执行诸如显示图片、格式化文本和引用链接的功能）组成。

3.实现了平台无关性，是一套标记符号或者代码集，他们插入浏览器显示的网页文件中。这些标记和符号标识了结构元素（段落标题列表...）。

 

二、关于Html与CSS的简单运行结构

1.HTML包含网页的两个主要区域：<head></head>(页头)以及<body></body>（主体）

2.下面举个例子。

<!DOCTYPE html>
<html>
  <head>
  <meta charset="utf-8">
    <title>MyHtml.html</title>
    <style type="text/css">
    body
    {
        background-color:#d0e4fe;
    }
    h1
    {
        color:orange;
        text-align:center;
    }
    p
    {    
        font-family:"Times New Roman";
         font-size:20px;
    }
     </style>
    

  </head>
  
  <body>
  <h1>first</h1>
   <b> This is my HTML page.YES!First!</b> <br>
    <h2>then</h2>
    <p><i> I like this thing!</i></p>
    
    <h3><small>last?</small></h3>
    <ol>
    <li>play game</li>
    <li>eating</li>
    
    </ol>
    <p style="background-color:#ff0000;"> 我们是好朋友呢！</p>
    
    
    <a href="mailto:nobody@html.net">给那谁发邮件 ！</a>
    <img src="images/logo.png">
    
    
    <ul>
  <li><a class="active" href="#home">主页</a></li>
  <li><a href="#news">新闻</a></li>
  <li class="dropdown">
    <a href="#" class="dropbtn">下拉菜单</a>
    <div class="dropdown-content">
      <a href="#">链接 1</a>
      <a href="#">链接 2</a>
      <a href="#">链接 3</a>
    </div>
  </li>
</ul>

<h3>导航条插入下拉菜单</h3>
<p>鼠标移动到"下拉菜单"显示列表</p>
    
    
    
  </body> 
  
</html>

这个是写的一个简单的代码，我们放入运行环境中，我这里选择的服务器是tomcat7.x，运行之后便可以在网页中显示出来了。

右键点击，查看源，便可以在网页中看到自己的源程序。是不是感觉很容易很棒棒呢！

 

 

 

 

最后：我们就开始前端工程师的锻造了！

 

//不得不补充一下，我很绝望，这篇博文写了三次。很介意这个保存的问题，不能实时自动保存。浏览器出现了意外，一点东西都没剩下，我现在要去怒删浏览器了，拜。

posted @ 2017-09-24 20:26  快乐的二狗子  阅读(157)  评论(0)    收藏  举报