W3C是一个网页主要由三部分组成:结构(HTML)、表现(CSS)、行为(Javascript)
结构:HTML用于描述页面的结构
表现:CSS用于控制页面中元素的样式
行为:JavaScript用于响应用户操作
html基本结构:
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>网页标题</title>
</head>
<body>
内容
<h1>标题</h1>
<h2>标题</h2>
<h3>标题</h3>
.......
</body>
</html>
HTML标签
标签通常成对出现 ,如<p>和</p>
<html> 与 </html> 之间的文本描述网页
<body> 与 </body> 之间的文本是可见的页面内容
<h1> 与 </h1> 之间的文本被显示为标题
<p> 与 </p> 之间的文本被显示为段落
<img/>作用是图片标签,像页面导入外部图片
我们将一个完整的标签称为元素
元素就是标签,标签就是元素
<p>我是一个<em>段落</em></p>
p也是一个元素,em是p的子元素,p是em的父元素
常见字符集
ASCII
ISO-8859-1
GBK
GB2312
UTF-8(全球通用)
ANSI
产生乱码的根本原因是,编码和解码采用字符集不同
提示:学习 HTML 最好的方式就是边学边做实验。我们为您准备了很好的 HTML 编辑器。使用这个编辑器,您可以任意编辑一段 HTML 源码,然后单击 TIY 按钮来查看结果。
HTML 标题
HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。
实例
<pre><h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
</pre>
HTML 段落
HTML 段落是通过 <p> 标签进行定义的。
实例
<pre><p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</pre>
HTML 链接
HTML 链接是通过 <a> 标签进行定义的。
实例
<pre><a href="http://www.w3school.com.cn">This is a link</a></pre>
HTML 图像
HTML 图像是通过 <img> 标签进行定义的。
实例
<pre><img src="w3school.jpg" width="104" height="142" /></pre>
注释:图像的名称和尺寸是以属性的形式提供的。
网友评论