zoukankan      html  css  js  c++  java
  • 9.16第一次上课关于HTML的小结

    一,HTML:超文本编辑语言

    二,html结构

    <html>

    <head>

    <title> </title>

    <body> </body>

    </head>

    </html>

    三,版面控制

    1.<br/>换行

    2.<p></p>段落标记语言

    3.水平线<hr> ===属性:

    size代表线的粗细 ,以px为单位。

    width 线的宽度 px或百分比。

    align 对其方式  左left 中 center 右right 

    color 颜色

    4.空格 &nbsp;

    5.居中标记<center></center>

    四,标题文字

    <h1><h6> 数字越大子曰小 最大值为6

    <b></b>粗体

    <i></i>斜体

    <u></u>下划线

    <s></s>删除线

    <sup></sup>文字表在字体上方

    <sub></sub>文字标在字体下方

    五,body属性

    bgcolor 网页背景颜色

    background 网京图片

    text 网页背景文字颜色

    六,

    有序列表:

    <ol>

    <li>今天</li>

    <li>明天</li>

    <li>后天</li> 

    </ol>

    编号形式:type属性 Type=1 或A 或a或I 或i 设置编号的

    开始序号:start属性 Start=n (只能是数字)

    无序列表:

    <ul>

    <li>后天</li>

    <li>前天</li>

    <li>今天</li>

    </ul>

    设置项目符号的形式:

    type属性 Type=circle 或disc或square

    列表嵌套:

    <ul>

          <li>明天1</li>

          <li>后天2

            <ol>

              <li>明天2-1</li>

              <li>后天2-2</li>

            </ol>

          </li>

        </ul>

    七:表格

    1.语法

    <table>

    <tr>

        <td>明天</td>

    </tr>

    </table>

    2.表格属性

    border,边框宽度;

    cellspacing,表格内框的宽度;

    cellpadding,表格内的文字至四周边框的距离;

    Height,高度;

    width,宽度;

    bordercolor,边框颜色;

    bgcolor,背景颜色;

    align,表格在网页中的水平对齐方式。

     3,行,列属性

    高:height

    外框的颜色:bordercolor

    背景颜色:bgcolor

    文字水平对齐水平:center

    垂直对其方式:va;ogn=top  middle  bottom

    4,跨行 .跨列

    跨行:rowspan

    跨列: colspan

    5,<caption align=top或bottom>,位于表格上方或下方

    6.table 嵌套   

    8.图片

    1.img 标记:

    <img src="图片位置">

    2.属性:

    heigh:高度

    width:宽度

    border: 边框宽度

    lowsrc="低分辨率图片位置"

    ait=文字标注

    九,绝对路径和相对路径(参考:80-味道-男 )

    绝对路径: http://www.cnblogs.com/ 或 D:360Downloads

    相对路径:   ../../a/b.jpg

    超链接((参考:80-味道-男 ))

      <a href="超链接地址">文字或图片</a>

      1、空链接:<a href="JavaScript:;"></a>

        空链接与其它各类链接的区别: 

        href="JavaScript:;"   同 href="javascript:void(0);" ,空链接,点击不会有任何跳转

        href="#"        同#top,点击回到顶部,页面不刷新

        href=" "         点击后刷新并回到顶部

        href="/"         点击跳转到上一级目录

      2、链接打开窗口:

        _blank      在新窗口打开     _parent    在父级窗口打开     _self        在当前窗口打开     _top        返回信息显示在顶级浏览器窗口中

    总结:

    有序列表,无序列表不是很好

    绝对路径,相对路径 需理解用

    超链接情况  

  • 相关阅读:
    [Java] SSH框架笔记_框架分析+环境搭建+实例源码下载
    [JavaEE] WEB-INF有关的目录路径总结
    网站标题分隔符
    [Windows] 解决kmplayer播放rmvb文件音视不同步
    [MySQL] 数据统计 —— 按周,按月,按日分组统计数据
    [Java] JSTL格式化时间计算时差
    [C.Sharp] TimeSpan的用法,获取测试程序运行时间
    [设计模式] .NET设计模式笔记
    Spring Boot使用redis做数据缓存
    Spring Boot使用redis做数据缓存
  • 原文地址:https://www.cnblogs.com/second-2/p/4815280.html
Copyright © 2011-2022 走看看