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

内容提炼
表格表头写法
<table border=”1″ align=”center” cellpadding=”0″ cellspacing=”0″>
表格 跨行 rowspan 跨列 colspan
图片替代文本与悬停文本

a标签跳转打开新页面
< a href=’https://juejin.cn/post/要跳转的地址’ 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='https://juejin.cn/post/图片的路径' alt='替代文本' width='宽度' height='高度' title='悬停的提示文本'>

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

10.超链接
    <a href='https://juejin.cn/post/要跳转的地址' target='_self 或者 _blank'>要被标记为链接的内容</a>
    _self是在当前标签页打开新页面
    _blank是在新的标签页打开新页面
复制代码
  1. div标签 块标签:主要用于后期布局实现样式的标签,本身没有任何特殊效果
    © 版权声明
    THE END
喜欢就支持一下吧
点赞0 分享