初学 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设置为实线











换行标签<br/>


段落标签 <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)