• html的基本结构


    标记语言,就是有标签结构的语言。

    不管html文件有多复杂,它的基本结构

    <元素 属性='属性值' ... >内容</元素>

    如果没有内容,可以这样写。

    元素也被叫做标记。

    案例

    <p>是段落标记

    <font size="" color=""> </font>

    font表示字体标记

    <b></b>粗体

    <br>换行。

    <p></p>和<br>的区别。

    <p>表示段落之间的间隔,有段间距,而且<p>和</p>之间的内容被看做一个整体。

    字符实体:

     使用超链接可以让网页连接到另外一个页面。

    超链接:

    <a href="a.html">老鼠爱大米</a>

    href指跳转的地址。

    <a>有target,它有两个常见的属性值,_blank(在新页面打开),_self(默认,在本页面打开,替换本页面)。

     当超链接刚出现的时候,为之一惊。

    还有电子邮箱:<a href="mailto:hsp@qq.com></a>

    图片元素

    <img src="img/ll.jpeg" width="120px">

    在图片元素中设置边框:border="1".

    <img src="img/ll.jpeg" width="120px" border="1">

    html表格

    表格的主要用途是显示数据和图片,还有布局。

    <table border="1" width="300px" align="center" bgcolor="yellow">
    <tr><td>1</td><td>2</td><td>4</td></tr>
    <tr><td>1</td><td>2</td><td>4</td></tr>
    <tr><td>1</td><td>2</td><td>4</td></tr>
    </table>
    </body>
    </html>

    设置背景颜色是:bgcolor。

    <table border="边框宽度" cellspacing="空隙大小" cellpadding="填充大小">

    </table>

    <tr></tr>表示行

    <td></td>表示列。

    cellspacing表格空隙大小:值两个列,行间的距离。

    cellpadding表示填充大小;各行各列的内容被填充,这样在一定程度上会撑大格子。

     如果高度没有设置的话,那么也会撑大表格(高度指定就不会了)。

    其实就是<td></td>离格子上下左的距离变大了。

    如,没有指定cellpadding之前是这样的:

    指定cellpadding="15px"后是这样的:

     cellspacing表示每一个<td>之间的间隔。

    cellspacing是两个格子之间的大小,而cellpadding是在格子里面的扩充。

  • 相关阅读:
    Oracle 验证A表的2个字段组合不在B表2个字段组合里的数据
    jQuery方法一览
    Maven构建项目时index.jsp文件报错
    DDL——对数据库表的结构进行操作的练习
    不经意的小错误——onclick和click的区别
    UML基础——统一建模语言简介
    基于UML的面向对象分析与设计
    数据结构之——树与二叉树
    UML类图几种关系的总结
    C3P0连接参数解释
  • 原文地址:https://www.cnblogs.com/liaoxiaolao/p/9717888.html
Copyright © 2020-2023  润新知