dreamdnj 发表于 2017-6-16 17:43:28

HTML学习笔记01-基本框架理解

本帖最后由 dreamdnj 于 2017-6-19 08:04 编辑

HTML基本框架理解

<!DOCTYPE html>
<html>
<head>
   
    <title>我是网页的名字</title>
   
    <meta charset='utf-8'>
   
    <style type="text/css">
    </style>

    <script type="text/javascript">
    </script>


</head>

<body>
</body>
</html>
上面是一个HTML基本框架,在此基础上添加内容、CSS样式、JS,组成形形色色页面。
HTML的内容结构与表现是分离的,CSS样式、JS效果,配置属性等一些表现形式统统扔进<head>标签里,内容结构统统扔到<body>标签。先来看看<head>标签成员
<head>
<title></title>标题

charset ='utf-8'定义HTML语言编码,否则会有乱码出现。


CSS样式<!DOCTYPE html>
<html>
<head>

    <style type="text/css">
    </style>

</head>

<body>
</body>
</html>

JS<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript">
    </script>


</head>

<body>
</body>
</html></font>


<body>
<h1>至<h6> 标签
<h1>最大<h6>最小,用来定义标题。


<p> 标签
文本都放<p></p>


<hr> 标签
水平线
<hr />
<br> 标签
换行
<br />   
<a> 标签
存放超级连接
<a href="链接地址"</a>
区块
<div>无特定含义,将文档分割为独立,不同部分。可用id和class标记。
<span> 内联元素,文本容器















页: [1]
查看完整版本: HTML学习笔记01-基本框架理解