您的位置：首页 > Web前端 > HTML

初学 HTML制作网页

2015-12-27 14:42 357 查看

提到制作网页，大部分人会想到用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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： html

相关文章推荐

新的分享

章节导航