编辑首页:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
这里是声明一个字符编码,utf-8国际上最通用的字符编码
<title>无标题文档</title>
</head>
<head>与</head>之间是不可见的,是给浏览器做信息配置用的
<body>
这里是我们这个网页的主体部分,内容就写在这里
</body>
</html> html元素是文档开始和结尾的元素,它是一个双标签
◎网页制作中的基本技术:
学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。
- HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。
- CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
- JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。
网页制作中的常用标签:
1.文本格式标签
<p> </p> 标识段落文本
<pre> </pre> 标识预定义文本
<blockquote> </blockquote> 标识引用文本
2.字符格式标签
<b> </b> 标识强调文本,以加粗效果显示
<i> </i> 标识引用文本,以斜体效果显示
<blink> </blink> 标识文本,以闪烁效果显示,IE浏览器不支持
<big> </big> 标识放大文本,以放大效果显示
<small> </small> 标识缩小文本,以缩小效果显示
<sup> </sup> 标识上标文本,以上标效果显示
<sub> </sub> 标识下标文本,以下标效果显示
<cite> </cite> 标识引用文本,以引用效果显示
3.列表标签
<ul><li> </li></ul> 标识无序列表
<li><li> </li></li> 标识有序列表
<dl><dt><dd> </dd></dt></dl> 标识定义列表
4.链接标签
超链接:<a href=“http://www.baidu.com”>百度首页</a>
锚链接:<a href=“#btm”>跳转到底部</a>
<div id=“box” style=“height:2000px; border:solid 1px red;”>撑开浏览器滚动条</div>
<span id=“btm”>底部锚点位置</span>
6.多媒体标签
<img />:嵌入图像