zoukankan      html  css  js  c++  java
  • 初学前端

    1.html语言 <!DOCTYPE html> 声明html
    <!--双标签-->    <!--<html 属性名="属性值 " 属性名2="属性值2"></html>    <html>   <head> </head>    </html>-->

     <!--单标签-->    <!--<meta  属性名="属性值 " 属性名2="属性值2"/>-->

        <meta charset="UTF-8"> charset   编码字符集 UTF-8    万国码
    gb2312   中国标准第2312条      中文,韩文....大部分的亚裔语言(繁体字不支持  GBK    在上面的基础之上扩展 可以支持繁体字 unicode   使内存变大 UTF-8

    注释的快捷键 选择内容   ctrl+/
    所有的连在一起的空格和换行都只会被解析成一个空格
    --转义字符 &nbsp;    空格 &lt;     < &gt;     > &copy;   版权符
    <br />    单标签  表示换行

    行内标签(标记,元素,节点(js中的叫法)) 在一行中显示,只有当这一行显示不下的时候才会出现换行 不能设置元素的宽和高,宽和高由内容来撑起来的

    行内块标签:在一行中显示,并且可以设置宽和高 <font color="green" size="7">文字标签</font> :对字体进行相关设置、color属性表示颜色、size属性表示大小。
    <i>:斜体字标签 <s>:删除线标签 <u>:下滑线标签 <b>:加粗标签


    块级标签 自己独占一行 可以宽和高 <div>:表示设置板块的标签 <p>:表示段落的标签

    什么是table标签? table标签在html语言中代表的是表格 <table> 标签支持 HTML 中的全局属性。

    1.table的属性 border="n"属性:是对表格中的边框的粗糙进行设置,n代表的是粗细。 witdth="700px" :表示单元格的宽度 height="500"   :表示单元格的高度 align="center" :表示对齐方式,center表示居中对齐 <table border="1px" width="700px" height="500px" align="center"> 这句话表示的是表格中的边框粗细为1 宽700 高500 居中对齐 2.table中的标签 <caption>我的标题</caption>:表示的是表格中的标题的标签 <tr>:表示行标签 <td>:表示列标签 <p>:段落标签 <ul>:列表标签 <li>:列表标签 <table border="1"> <tr>   <td>    <p>这是一个段落。</p>    <p>这是另一个段落。</p>   </td>   <td>这个单元包含一个表格: <table border="1">    <tr>      <td>A</td>      <td>B</td>    </tr>    <tr>      <td>C</td>      <td>D</td>    </tr>    </table>   </td> </tr> <tr>   <td>这个单元包含一个列表: <ul>     <li>苹果</li>     <li>香蕉</li>     <li>菠萝</li>    </ul>   </td>   <td>HELLO</td> </tr> </table>

    3.table中标签的属性设置
    <table border="1px" width="300px" height="200px"> <caption>nine</caption> <tbody> <tr align="center"> <td colspan="2">姓名</td>
    <!--colspan="n" 表示跨列合并单元格,n表示跨的行数--> <!--<td>年龄</td>--> <td rowspan="2">身高</td><!--rowspan="n" 表示跨行合并单元格,n表示跨的行数-->
    <td>体重</td> </tr> <tr align="center"> <!--align="center"  align表示对齐属性,center表示居中对齐,left表示居左对齐,right表示居右对齐--> <td>11</td> <td>22</td> <td>33</td> <td>44</td> </tr> </tbody> </table> </body>

  • 相关阅读:
    QtDBus快速入门
    论Qt容器与STL
    JS中的!=、== 、!==、===的用法和区别
    JS操作JSON总结
    select2使用方法总结
    Entity Framework插入数据报错:Validation failed for one or more entities. See 'EntityValidationErrors' property for more details.
    Windows登录类型及安全日志解析
    <script type="text/html"></script> js模版使用
    在 C# 中,(int) ,Int32.Parse() 和 Convert.toInt32() 三种方法的区别
    关于session,cookie,Cache
  • 原文地址:https://www.cnblogs.com/wyx123456/p/10934994.html
Copyright © 2011-2022 走看看