网页制作基础总结

编辑首页:

<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
    	这里是声明一个字符编码,utf-8国际上最通用的字符编码
		<title>无标题文档</title>
	</head>
       <head>与</head>之间是不可见的,是给浏览器做信息配置用的

<body>
       这里是我们这个网页的主体部分,内容就写在这里
</body>
</html>    html元素是文档开始和结尾的元素,它是一个双标签

◎网页制作中的基本技术:

学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。

  1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。
  2. CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
  3. 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 />:嵌入图像

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章