初学 HTML制作网页

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

  • 5
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值