• HTML构成及基本标签


    超文本标记语言:HTML

    W3C:互联网联盟

    注释语法:<!--注释掉的内容-->

    标签格式:

      双标签元素:<标签名 属性 style="样式">内容</标签名>

      单标签元素:<标签名 /> 或<标签名>

    基本标签:

    第一类:自带标签

      <html>网页开始 </html>网页结束

      <head>头标签 里面放控制性的东西

      <body>主体标签,里面放网页内容

      <title>网页的标题

    <body>的几个属性:

      bgcolor背景色

      background背景图片

      text文本颜色

    第二类:格式标签

      <font color="#663399" face="微软雅黑" size="3">操作文字</font>

      <b>加粗 

      <strong>加粗

      <i>倾斜 

      <em>倾斜

      <u>下划线

      <br/>换行

      &nbsp; 空格   

      <center>居中

    第三类:内容标签

      <h1>--<h6> 标题标签(会自动换行),其中好h1的字体最大

      <p>段落标签,段落之间自动空行

      <div>层标签,内容容器,网页布局用,默认占一行

      <span>层标签,内容容器,默认有多大空间占多大空间

      <ul>无序列表,里面的每一项用<li> ,列表符号可改变

      <ol>有序列表,里面的每一项用<li>,列表符号可改变

      <ol type="1">    --有序列表,序号为1,2,3……,引号中可以更改序号形式

        <li>内容</li>

        <li>内容</li>

      </ol>    --上面“ol”改为“ul”则为无序列表

    “../”  表示上级目录

    “./”   表示当前目录

    相对路径:从当前页面开始查找。

    绝对路径:从网站的根开始查找。  “/”,代表网站的根。

    HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。

    四、常用标签

    1、超链接标签

    路径问题:手写路径怎么写 以该网页所在的位置为基础,如果找它的父级文件夹用../ 如果找它的子级文件夹用/ 直到找到图片为止

      <a href="超链接地址" target=“_blank”>超链接的文字</a>     --href(hyperlink reference)

    属性描述
    charset char_encoding HTML5 中不支持。规定被链接文档的字符集。
    coords coordinates HTML5 中不支持。规定链接的坐标。
    download filename 规定被下载的超链接目标。
    href URL 规定链接指向的页面的 URL。
    hreflang language_code 规定被链接文档的语言。
    media media_query 规定被链接文档是为何种媒介/设备优化的。
    name section_name HTML5 中不支持。规定锚的名称。
    rel text 规定当前文档与被链接文档之间的关系。
    rev text HTML5 中不支持。规定被链接文档与当前文档之间的关系。
    shape
    • default
    • rect
    • circle
    • poly
    HTML5 中不支持。规定链接的形状。
    target
    • _blank
    • _parent
    • _self
    • _top
    • framename
    规定在何处打开链接文档。
    type MIME type 规定被链接文档的的 MIME 类型。

          第一步:做锚点的标签。<a name=""></a>

      第二步:做锚点链接。<a href="#目标链接的name的值"></a>

            图片超链接:<a href="超链接地址" target=“_blank”> <img src="图片地址" alt="文字" width="" height="" />  </a> 

    2、图片标签

      <img src="图片地址" alt="文字" width="" height="" />    

    必需的属性

    属性描述
    alt text 规定图像的替代文本。alt在图片无法加载时,显示文字,还可帮助搜索引擎搜索。
    src URL 规定显示图像的 URL。

    可选的属性

    属性描述
    align
    • top
    • bottom
    • middle
    • left
    • right
    不推荐使用。规定如何根据周围的文本来排列图像。
    border pixels 不推荐使用。定义图像周围的边框。
    height
    • pixels
    • %
    定义图像的高度。高跟宽设置一个即可,显示图片会按比例缩放
    hspace pixels 不推荐使用。定义图像左侧和右侧的空白。
    ismap URL 将图像定义为服务器端图像映射。
    longdesc URL 指向包含长的图像描述文档的 URL。
    usemap URL 将图像定义为客户器端图像映射。
    vspace pixels 不推荐使用。定义图像顶部和底部的空白。
    width
    • pixels
    • %
    设置图像的宽度。

    注:

    “../”  表示上级目录

    “./”   表示当前目录

    相对路径:从当前页面开始查找。

    绝对路径:从网站的根开始查找。  “/”,代表网站的根。

    HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。

    4、表格标签:

      <table> 属性:表格宽度,border:边框 cellspacing:单元格间距  cellpadding:单元格的内边距 bordercolor:边框颜色

      <tr>行,属性:bgcolor:背景色,

      <td>单元格:属性:宽度,height:高度,align:水平对齐 valign:垂直对齐 rowspan="3"合并列 colspan="2"合并行

  • 相关阅读:
    第三次作业
    第二次作业
    第一次作业—编译原理概述
    第六次课堂作业——正规文法与正规式
    词法分析程序的设计与实现
    1702第四次作业(文法和语文总结与梳理)
    1702第三次作业(语法树,短语,直接短语,句柄)
    软工1702第一次作业(简述编译程序)
    random库的使用
    基本的字符串之切片
  • 原文地址:https://www.cnblogs.com/SJP666/p/4694085.html
Copyright © 2020-2023  润新知