网页制作常用标签

    Hyper Text Markup Language超文本标记语言(超文本顾名思义超出文本,也就是不光有文字;还有音频、视频。等各种形式)简称:HTML 

    单标记双标记

    <html></html>是双标记中间可以加内容,有开始和结束,代表网页。

    里面有头部<head></head>作用为控制网页的布局效果和页面效果等。

    还有主体<body></body>作用是显示网页的内容。

  

<html>-------开始
 
          <head>
 
               <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>控制网页编码格式,防止乱码
               <title>网页的名字或者标题</title>
 
              <style>固定在head里面</style>head的样式标签
 
         </head>
 
        <body bgcolor=“选颜色也可以用颜色的英文” text=“选颜色也可以用颜色的英文” background=“选图片”>
 
                 <font>文字控制标签</font>
 
                <font color="选颜色也可以用颜色的英文">文字颜色控制<font>
 
                <font size="选择大小的数字">文字大小控制<font>
 
                <font face="选择字体也可以直接用汉子写上字体比如宋体">文字字体控制<font>
 
                <b>文字加粗</b> 换行:<br/>单标记有换行作用,也可以<br>
                <i>文字倾斜</i>
                <u>下划线</u>
                <strong>文字加粗,这个是用来强调的,爬虫用</strong>
                <em>文字倾斜,这个是用来强调的,爬虫用</em>
                 空格作用一个代表一个空格
                <h1>自定义标题自动换行</h1>
                <h2>从h1-h6标题会越来越小</h2>
                <h3></h3>
                <h4></h4>
                <h5></h5>
                <h6></h6>
                <ol type="1">
                     <li>有序列表,序号为1、2、3......当type="a"序号为a、b、c......当type="A"序号为A、B、C......当type="i"序号为i、ii、iii......当type="I"序号为I、II、III......</li>
               </ol>
                
               <ul type>
                     <li>无序列表</li>
               </ul>
<a href="超链接的地址可以是网页,也可以是网址,图片,文本等" target="超链接打开的样式,在原页上打开,还是在新页面上打开,当是-blank和new时超链接在新页中打开>超文本链接</a>
<a name="给回到的地方起个名字"></a>
<a href="#name名字">可以在网页中点击某一部分回到网页别的地方比如返回首页</a>
<img/ src="图片保存的路径" width="图片的宽"height="图片高" alt="图片打不开时对图片的文字" title="把鼠标放在图片上,会显示文字">
</body> </html>------结束

  

body的属性:bgcolor(背景颜色 bg是background简写) text(文字颜色,同意设定正个网页所有字体的颜色,也可以用font单独设置每个字体的颜色) background(背景图片,壁纸。优先级大于bgcolor) body同时设置bgcolor和background图片打不开是能显示背景颜色,影响网页观赏美感。

 

posted @ 2017-09-29 12:56  navyyouth  阅读(1379)  评论(0编辑  收藏  举报