网页制作01-html,css,javascript初认识のhtml的基本标记
一、 Html简介
英文全称是 hyper text markup language,超文本标记语言,是全球广域网上描述网页内容和外观的标准.
Html作为一款标记语言,本身不能显示在浏览器中.标记语言经过浏览器的解释和编译,才能正确地反映html标记语言的内容.
1.html 的基本标记
1）头部标记head
2）元信息标记meta
3）主体标记body
4）<!--注释内容-->
<!doctype html>
<html>
<head><!--文档头部信息,一般包括标题,基础信息和源信息等,一般不会在网页上直接显示-->
<title>AMA_TOR网页制作</title>
<meta><!--一般用来定义页面信息的说明/关键字/刷新等,不需要设置结束标记-->
<!--meta的属性有name http-equiv-->
<!--name属性主要描述网页,供搜索引擎查找，分类-->
<meta name="Keywords" content="网页制作，html,css,javascript">
<meta name="Description" content="页面说明:这是实例制作">
<meta name="generator" content="dreamweaver"><!--设置编辑工具-->
<meta name="author" content="Ama_tor">
<!--http-equiv主要设置语言的编码方式,和语言-->
<meta http-equiv="Content-Type" content="text/html" charset="gb2312"/><!--简体中文为gb2312，英文是ISO-8859-1-->
<meta http-equiv="Refresh" content="10,URL=I:\03HTML\Untitled-1.html"><!--这里是网页跳转,20秒之后跳转到index1的网页-->
</head>
<body>
<body topmargin="100" leftmargin="100"><!--设置页边距-->
<center>
<body link="#081DEC" alink="#FFFFFF" vlink="#B90003">
<a href="#">链接的文字</a></body><!--链接前后点击时的颜色设置-->
</center>
<br/>
<body bgcolor="FF99FF"></body><!--背景设置为紫色-->
<!--<body background="微信图片_20250215223402.jpg"><!--背景图片设置--></body>
<body text="9966CC"></body>
这是第1段<br/>
<br/>
<strong>这是第2段<br/></strong>
<br/>
这是第3段<br/>
</body>
</html>
演示效果如下：
2. Css简介
Cascading style sheet,层叠样式表,是一种制作网页的新技术,现在已经为大多数浏览器所支持成为网页设计必不可少的工具之一.使用css能够简化网页的格式代码,加快下载显示的速度,也减少了需要上传的代码数量,大大减少了重复劳动的工作量.
/*注释内容*/
/* 注释内容 */
示例
/* ----------这是文字样式设置---------- */
/* 白色12象素文字 */
.dreamduwhite12px
{
color:white;
font-size:12px;
}
/* 黑色16象素文字 */
.dreamdublack16px
{
color:black;
font-size:16px;
}
/* ----------文字样式结束---------- */3. Java script简介
是一种解释型的,基于对象的脚本语言
Html只能制作出静态的网页,无法独立的完成与客户端动态交互的网页设计,因此引入JavaScript脚本语言,使网页产生动态效果,
//注释内容 (javascript中插入单行注释)
//document.write("www.baidu.com")/*注释内容*/ （javascript中插入多行注释)
/*
var baidu = "www.baidu.com";
var baidu = "duniang";
*/