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

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

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

本帖最后由 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> 内联元素，文本容器

账号		自动登录	找回密码
密码			立即注册

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

马上注册，结交更多好友，享用更多功能^_^

评分

本帖被以下淘专辑推荐: