HTML基础

WEB前端 waitig 413℃ 百度已收录 0评论

HTML的基本结构:
  <!DOCTYPE html>
  <html>
  <head>
  <meta charset="UTF-8">
  <title></title>
  </head>
  <body>主体</body>
  </html>
声明的作用:让浏览器检测到HTML的版本
属性有哪几种:1.标准属性 2.私有属性 3.事件属性
列表有哪几种:1.无序列表:<ul><li></li></ul>
                            2.有序列表:<ol><li></li></ol>
                            3.定义列表:<dl><dt><dd></dl></dt></dd>
a标签的作用:实现页面的跳转功能;<a href="页面的地址">链接</a>
今天的知识:
1.编码格式:
    英文编码:ISO8859-1
    中国编码:GBK、GBK2312
    通用编码:Unicode格式—"UTF-8/UTF-16"
    
2.发送邮件:"mailTo:1261558503@qq.com"

3.锚点链接:主要是指当前页面中某一个具体的位置
      用途:页面文档查看中的目录功能;
            回到顶部;
        <a name="top"><h1></h1></a>
        <a href="#top"></a>
        
4.图片元素:<img src="显示图片的路径" alt="" > alt—-图片显示不出来时显示该属性的值
                                               width–设置图片的宽度
                                               hight–设置图片的高度
                                               设置图片的大小时尽量不要改变高宽的比例/设置一个就好
                                              ( 浏览器加载图片时:尽量减少外部资源的加载 )
5.表格元素:<table>           —- 表示表格,属性有border设置表格的边框大小;width表示表格的宽度
                                                   align设置表格的对齐方式;
                <caption></caption> 设置表格的标题                                  
                <tr>          —-  表示行,bgcolor设置行的背景色
                    <th></th> —-  设置表头信息,只能在第一行使用
                    <td></td> —-  表示一个单元格(表格中的列) width设置列的宽度
                </tr>         —-  绝对值:像素值
            </table>          —-  相对值:百分比
            
            rowspan:表示跨行,注意:需要设置被占用的行的单元格,要相应的减少;
            <td rowspan="2">;表示合并两行
            colspan:表示跨列,注意:需要设置被占用的列的单元格,要相应的减少;
            <td colspan="2">;表示合并两列
            
            表格的布局:<thead></thead>表示表格的头部
                        <tbody></tbody>表示表格的主体
                        <tfoot></tfoot>表示表格的脚本
                        

            
      


本文由【waitig】发表在等英博客
本文固定链接:HTML基础
欢迎关注本站官方公众号,每日都有干货分享!
等英博客官方公众号
点赞 (0)分享 (0)