命名规范html结构常用标签表格规范img标签a标签表格细边框单元格均分

393 阅读3分钟

内容提炼 表格表头写法 <table border="1" align="center" cellpadding="0" cellspacing="0"> 表格 跨行 rowspan 跨列 colspan 图片替代文本与悬停文本 a标签跳转打开新页面 < a href='要跳转的地址' target='_self 或者 _blank'>要被标记为链接的内容 _self是在当前标签页打开新页面 _blank是在新的标签页打开新页面 2.表格 常用属性 border-collapse:collapse; 实现表格细边框 【如果要是真正意义上的细边框,必须配合td的边框一起使用】 table-layout:fixed; 单元格按格子均分表格的宽度 【注意:表格必须有设置宽度才行】 1.命名规范 命名应该由数字、字母、下划线组成,不能以数字开头 最好名字应该是对应内容的英文 推荐使用驼峰命名

2.HTML入门 html文件:以.html为后缀的文件
html:超文本标记语言 超文本:除去文本之外还可以有图片、音频、视频、超链接等 标记:是一种标记符号,形如

1.html文件的基本结构
    <!DOCTYPE html>   声明文档类型是html
    <html>     标记文件开始
        <head>   头部
            <meta charset='utf-8'>   语言-编码格式
            <title></title>   网页标题
        </head> 
        <body>  身体-网页内容
        </body>
    </html>   标记文件结束

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

3.html常用标签 1.标题 hn [n代表1-6的数字] 标题 2.段落 p

3.水平线 hr
4.换行 br

5.文字标签
    1.加粗  b  strong
        <b>要加粗的内容</b>
        <strong>要加粗的内容</strong>
    2.倾斜  i  em
        <i>内容</i>
        <em>内容</em>
    3.变大 big
        <big></big>
    4.变小 small
        <small></small>
    5.上标  sup
        <sup>上标内容</sup>
    6.下标  sub
        <sub>下标内容</sub>
6.特殊符号
    &符号名;
    大空格   &emsp;
    版权     &copy;
    商标     &reg;

7.列表标签
    1.有序列表
        <ol>
            <li>列表项</li>
        </ol>
    
    2.无序列表
        <ul>
            <li>列表项</li>
        </ul>
    
    3.定义列表(了解)
        <dl>
            <dt>名词、专业术语</dt>
            <dd>对名词或者专业术语的解释说明</dd>
        </dl>
    
8.图片
    <img src='图片的路径' alt='替代文本' width='宽度' height='高度' title='悬停的提示文本'>

9.路径
    1.绝对路径:从协议或者盘符开始的路径。
    2.相对路径:从当前位置出发,得到的路径。
        同级    直呼其名
        下级    /谁
        上级    ../

10.超链接
    <a href='要跳转的地址' target='_self 或者 _blank'>要被标记为链接的内容</a>
    _self是在当前标签页打开新页面
    _blank是在新的标签页打开新页面

11. div标签 块标签:主要用于后期布局实现样式的标签,本身没有任何特殊效果

12.表格 表格 行 单元格的内容 跨行 rowspan 跨列 colspan 语法: 实现合并单元格的步骤: 1.判定跨行还是跨列,选择最左上角的单元格,添加对应的属性 2.属性值应该是占据的单元格数量。保存,看错误效果 3.给对应行多余的单元格删除 【从后往前删除】

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

1.基础 标题 hn n1-6, 段落 p 换行 br 水平线 hr 2.文本 倾斜 em 加粗 strong 变大 big 变小 small 上标 sup 下标 sub

3.图片 4.列表 有序列表

无序列表
    <ul>
        <li></li>
    </ul>

定义列表(了解)
    <dl>
        <dt></dt>
        <dd></dd>
    </dl>

5.超链接 内容 6.表格 7.div:是用于划分区域的盒子标签,块标签

路径 绝对路径:从协议或者盘符开始的路径。 相对路径:从当前位置出发,得到的路径。 同级 直呼其名 上级 ../ 下级 /谁