zoukankan      html  css  js  c++  java
  • 网页标签

    一:html:HyperText Mark-up Language 即超文本标记语言,主要分为以下几个部分,开始标签下面是head标签,head标签里面是标题栏,然后是body,即网页上要显示的内容

    其扩展名为htm或者html。

    <html>开始标签

    <head>网页上的控制信息
    里面是控制性的东西
    <title>标题栏</title> 页面标题

    </head>

    <body>页面上显示的内容
         这是第一个页面
    </body>

    </html>结束标签

    注释语法:

    <!--被注释掉的内容--> --HTML中的注释语法

    二:body中的内容:

    通用标签分为两类:

    1.格式控制标签

    <font color="" face="" size=""></font>控制字体 color=" #FFFF00"  颜色,前两个红,中间两个绿,后面两个蓝--三基色的十六进制表示
    网页配色方案图谱记录下来
    <b></b>加粗   <strong></strong> 加粗,显示效果一样,强调语气,主要是用来百度搜索的,百度爬虫会注意这里面的东西
    <i></i>倾斜    <em></em>倾斜
    <u></u>下划线
    <br/>单标签,换行,不空一行
    &nbsp;空格,复制一个是一个空格,ctrl+shift空格
    <center></center>居中

    2.内容容器标签

    <h1></h1>......<h6></h6> 一号到六号标题,六号标题最小,标题自动换行
    <p></p>段落标签,换行默认空一行
    <div></div>层标签,换行
    <span></span>层标签,不换行,放在span里的东西可以单独用样式表来做的特殊点
    <ol type="1"></ol>自动写1,2,3标签,有序列表标签
    <ul type=" "></ul>无序的符号
    <li></li> 标签定义列表项目,放在ol或ul里面

    属性:

    <body backgroud="image/0019.jpg"背景图片平铺,文件存放路径image 相对路径,从当前页面开始找,../image/0019.jpg,../是上一级目录./是当前目录

     bgcolor="#990000"页面的背景颜色
     text="#ffff00" 文字颜色 
    topmargin="0" leftmargin rightmargin bottommargin 上边距,左,右,下边距  >

    相对路径,从当前页面开始找,绝对路径,从网站的根开始找,/代表网站的根

    三:常用/常见标签:

    1.超链接标签
    <a href="超链接指向的页面">超链接的文字</a>

    <a href="http://www.sina.com.cn" target="_blank"(target打开的形式,在新窗口打开)> 打开新浪网</a>
    超链接的文字如何设置
    超链接的目标页面如何设置
    超连接的打开位置如何设置

    2.图片标签
    <img src="路径"(source来源 ) alt="李小璐"(图片挂的时候显示替代文字)   width=""height=""(宽和高设置,设置一个按比例缩放)  />  img标签是单标签

    3.表格标签
    <table></table> 表格标签 属性:
    wideth:表格的宽度。像素,百分比 width=300,300像素宽,width=100%,最大。一般设置为960,外围定死。
    border:边框,一般设为0
    cellpadding:边距,格内容和边的距离,一般设为0
    cellspacing:间距,格子之间的距离,一般设为0

    align:对齐方式,整个表对齐
    bgcolor:背景色
    backgroud:背景图片

    <tr></tr> 一行,行标签,必须放在table里面
    bgcolor:这一行的背景色
    align:对齐方式,行中的内容对齐,设置会把一行都设置了
    valign:竖直对齐方式。
    height:行高

    <td></td> 单元格标签,行里Ian的格子,必须放在tr里面
    bgcolor:单元格的背景色
    align:该单元格中内容的水平对齐方式
    valign:竖直对齐方式
    width:单元格的宽度,像素,百分比,设一个格会改变一列的
    height:单元格的高度,设一个单元格的高度会改变这一行

    <th></th>表头,和td一样,只是用在表头,自动加粗居中

    表格标签可以用来进行网站的布局

    4.单元格合并:少用,尽量多用表格嵌套
    colspan:合并  colspan="n"  合并同一行中的列,设置n,删掉n-1个td

    rowspan:合并同一列中的行,设置n,删掉第2到第n行中的第一列

    5.锚点:

    <a name="first">第一章</a> 做一个锚点,也是用a但是不用href,起个名字能让超链接找到就可以了
    <a href="#first">超链接连接到锚点,#代表当前页面,<a href="Untitled-1.html#first">超链接到untitled-1.html页面的first锚点

  • 相关阅读:
    未能加载文件或程序集“System.EnterpriseServices, Version=4.0.0.0或2.0.0.0
    解决本地调用office组件成功,但是发布到IIS中出现的错误(检索COM类工厂中CLSID为{00024500-0000-0000-C000-000000000046}的组件时失败)
    未能找到类型或命名空间名称“Coco”(是否缺少 using 指令或程序集引用)
    SQL截取字段字符串的方法
    C# 128位AES 加密解密 (转)
    检索 COM 类工厂中 CLSID 为 {13C28AD0-F195-4319-B7D7-A1BDAA329FB8} 的组件时失败,原因是出现以下错误: 80040154
    js 获取时间比较全,留备用(zhuan)
    windows之如何把iso文件转换为VHD文件
    python之三行代码发送邮件
    RobotFramework第二篇之web自动化
  • 原文地址:https://www.cnblogs.com/Alvin-ftd/p/3973571.html
Copyright © 2011-2022 走看看