zoukankan      html  css  js  c++  java
  • 前端开发——HTML学习笔记

    HTML学习02

    <q>引用文本</q>

    引用文本多为一句话

    <blockquote>大段的引用文本</blockquote>

    换行<br>

    &nbsp 空格

    <hr />底部横线

    <address> 地址</address>

    <code>小段代码</code>

    <pre>大段代码</pre>

    效果如图所示:

    有序列表:

    效果如图所示:

    <div>把内容分为独立模块</div>需要在head里

    div class="" 与div id=""区别

    1、使用区别
    id具有唯一性,在一个网页中同一个命名只能使用一次;
    class命名的类可以在一个网页中使用无数次。

    2、css中区别
    id在css代码中是以“#”井号符号开头命名的类
    class在css代码中是以“.”小写句号符号命名开头的类

    id和class都可以在网页中任何标签内使用。一般比较重要的部分、比较特别的盒子使用id,而小局部不重要的或小结构使用class。

    table标签

    创建表格的四个元素:


    table、tbody、tr、th、td


    1、<table>…</table>:整个表格以<table>标记开始、</table>标记结束。


    2、<tbody>…</tbody>:如果不加<thead><tbody><tfooter> , table表格加载完后才显示。加上这些表格结构, tbody包含行的内容下载完优先显示,不必等待表格结束后在显示,同时如果表格很长,用tbody分段,可以一部分一部分地显示。(通俗理解table 可以按结构一块块的显示,不在等整个表格加载完后显示。)


     


    3、<tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。


    4、<td>…</td>:表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列。


    5、<th>…</th>:表格的头部的一个单元格,表格表头。


    6、表格中列的个数,取决于一行中数据单元格的个数。

    总结:


    1、table表格在没有添加css样式之前,在浏览器中显示是没有表格线的


    2、表头,也就是th标签中的文本默认为粗体并且居中显示

    css+边框

    <style type="text/css">


    table tr td,th{border:1px solid #000;}
    </style>

    标题

    摘要

  • 相关阅读:
    算法与设计模式
    Python开源应用系统
    ASP.NET MVC配置Redis服务
    常用3个框架
    Visual Studio 2015 编译错误 File 的值+乱码的解决方法
    SQL Server2008 R2命令行启动及停止SQL服务的方法
    Linux Shell查看物理CPU个数、核数、逻辑CPU个数
    SQL SERVER 2008R2 执行大脚本文件时,管理工具提示“内存不足”的解决方法
    MVC中未能加载程序集System.Web.Http/System.Web.Http.WebHost
    Windows10中启用原来的Windows照片查看器方法
  • 原文地址:https://www.cnblogs.com/dadaochangcun/p/9806589.html
Copyright © 2011-2022 走看看