提到制作网页,大部分人会想到用Dreamweaver,其实记事本也很方便。、
用HTML编写简单网页
HTML:超文本标记语言 (xml的前身【可扩展的标记语言,标签可以自定义】)
标记语言:解释性语言。(由应用程序解释) C++、java等是编译型语言。
HTML:主要做网页
超链接:
超文本:文档间 建立联系,
网站:一组由相互关联的网页。
采用:HTML语言
工具:Dreamweaver 、记事本、
如何编写一个网页?
//标准基础标签
<html>
<head>
<title> ljh </title>
</head>
<body>
welcome!!
</body>
</html>
一.
学习一些常用标签 的用法。 标签{成对出现}<xxx> </xxx>
1.大纲标签<h1>....<h6> 大标题
2.图像标签:<img /> 单标签
属性 <img src="a.png" /> 指定一张图片位置,{最好用相对位置}
<img src="a.png" alt="图片提示" /> //图片无法现实时的提示
<img src="a.png" title="鼠标提示" width="150px" height="" border="5"/> 鼠标放到图片上,显示“”里的提示
默认为原始大小,单位像素px 图片border加边框
3.超链接标签:<a> </a>用在<body>之间
<a href="http://www.baidu.com" title="点击链接百度" target="_top"> 我要去百度 </a>
title鼠标放上的提示 target="_self"默认在自身打开 target="_blank"新建网页
4.元数据标签<meta />用在<head>之间
<meta name="keyword" content="博客,上沙博客" />
<meta name="discription" content="网页描述" />
<meta http-equiv="content-type" content="text/html;charset=gbk" />
<meta http-equiv="refresh" content="5;url=http://www.baidu.com"/> 5秒,刷新进入url界面
<body>
<a href="#bt1"> 标题一</a> 加页首索引 #表示当前页面,bt1表示锚点(点击可以链接进入锚点)
<a href="#bt2"> 标题2 </a>
<a href="#bt3">标题3</a>
<h1> 标题一</h1>
<h1> 标题2 </h1>
<h1> 标题3 </h1>
</body>
5.水平分割线标签<hr />
属性 <hr size=5 width=300px noshade/> 分割线粗度5 noshade设置为实线
6.换行标签<br/>
7.段落标签 <p> 段落间有一空行
二.表格
1.<table>
<table border=1 width="100%" bgcolor="#cccccc" cellspacing=2> 100%表示与父体窗口一样大;cellspacing单元格间距
<caption>XXX公司12月工资表</caption>
border=0表格无边框
2.<tr> 一行</tr>
3.<td><th> 同一类型的,th可使字体加粗
4.<caption>
三.有序列表(自动加 序号)
<ol>
<li>1.XXXXXX</li>
<li>1.XXXXXX</li>
<li>1.XXXXXX</li>
<li>1.XXXXXX</li>
<li>1.XXXXXX</li>
</ol>
标签: <ol type=“a”> a是罗马字体,默认是1
四.无序列表(无标号,前面是实心点)
<ul>
<li>1.XXXXXX</li>
<li>1.XXXXXX</li>
<li>1.XXXXXX</li>
<li>1.XXXXXX</li>
<li>1.XXXXXX</li>
</ul>