HTML

作者: 奇怪的老宅男Y | 来源:发表于2017-03-15 12:24 被阅读0次

    Html 简介

    组成


    <html>
    <body>
    <head>
    <title></title>
    </head>
    </body>
    </html>


    常用元素

    基本元素

    title

    页面标题

    h1 h2 h3 ---
    对齐属性
    align <h2 align=centre>Chapter 2 </h2>

    字体

    • 大小

    格式<front size = >

    • 风格

      • 物理风格

    黑体 <b> 斜体 <i> 下划线 <u> 打字机字体 <tt>
    - 逻辑风格
    强调<em> 例子 <samp> 上标<sub>

    • 颜色
      <font color= black red >
    • 闪烁
      <blink>文本</blink>一秒一次

    横线


    分行 <br>

    禁止分行 <no br>

    一行显示不了,裁出超出部分

    分段<p>

    确保下一段显示在图形下方 clear left right all

    转义字符和特殊字符

    各字符间不能有空格 以;结束
    &不能单独出现

    背景和文本颜色

    <body background="image-URL">
    <body bgcolor=# text=# link alink vlink >
    link 链接指针颜色 alink活动的链接指针颜色 vlink 已访问过的链接指针颜色

    图像

    • 基本格式


    • 对齐方式
      align

    列表

    • 无序列表
      <ul>开始 </ul>结束
      条目<li>引导
    • 有序列表
      <ol>开始 </ol>结束
    • 自定义列表
      <dl>开始
      条目<dt> 说明<dd>

    超文本链接

    • 统一资源定位器(URL)

    • 指向一个目标
      <a href="URL">字符串</a>

    • 标记一个目标
      <a name="name">text< /a >
      指向一个目标
      <a href= "URL#name">text</a>

    • 图像链接

      格式: <a href="URL"> </a>
    • 图像地图
      矩形 rect 多边形 poly default 指定图像地图其他部分的URL
      HTML文档引用图像地图语句格式
      <a href="/cg-bin/imagemap/mymap.map">


      </a>

    表格

    • 基本形式
      开始<table>
      <tr><th> 内容<td>
    • 有通栏的表格
      横向通栏<th colspan="#"> #像素
    • 大小、宽度、表格间距
      大小 width hight 宽度 border=#
    • 文本输出
      文本与表格框的距离 cellpadding=#
      valign 文本在其中的位置
    • 浮动表格
      align=left
    • 表格颜色
      bgclor=#

    框架

    <html> <head> <title></title> </head> <noframes>...<noframes> <frameset> <frame src="URL"> </frameset> </html>

    • 属性
      1.cols 多列列宽
      2.rows 列方式创建行
      3.frameborder 边界宽度
      4.marginheight 边界高度
      5.name
      6.noresize 框架位置
      7.scrolling
      col 行
      &le 小于等于

    相关文章

      网友评论

          本文标题:HTML

          本文链接:https://www.haomeiwen.com/subject/ocaknttx.html