• 网页标签


    一: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锚点

  • 相关阅读:
    使用Visual Studio给SharePoint列表添加Event Receiver
    使用客户端对象模型回写SharePoint列表
    思考:通过源码进行安装的前提是什么
    思考:学习一门语言真的是仅仅只有为了使用吗?或者说学习一个语言如果在工作中不使用,那么学习它还有什么好处和价值呢?
    思考:(使用下载工具比如yum,maven等)下载(库或者jar)到本地都需要设置源
    思考:代码块的大小是进行代码抽出一个方法或者进行重构或者是否在设计时设计为一个方法的衡量因素之一吗?
    思考:对源的包装是为了更好的隔离和在中间插入一些层?
    Spring Cloud和Spring Boot的认识
    如何对待基础知识:
    为什么总觉得事情应付不过来,总觉得事情需要花费很多时间?
  • 原文地址:https://www.cnblogs.com/Alvin-ftd/p/3973571.html
Copyright © 2020-2023  润新知