• html 总结


    1.html超文本标记语言,不是编程语言,是一门描述性的语言。html负责网站的结构,css是负责的外观,javascript是负责行为。

    HTML结构

    <html> 

    <head>

    <title></title>

    </head>

    <body>

    </body>

    </html>

    3.文本与段落标签

    <p>段落标签</p>

    <br/>换行标签

    <h1>标题标签</h1>

    <div>块级标签</div>

    <span>行内标签</span>

    块级元素和行内元素的区别

    块级元素独占一行 ,块级元素内部内部可以加行内标签和块级标签

    行内元素,可以与其他的行内元素在一行,内部只能放行内标签。

    块级元素有 :h1-h6   ,p ,div, 行内元素  ,span ,em,b,等

    4.文本格式化标签

    <cite>引用</cite>

    <b>粗体</b>

    <strong>加强语气</strong>

    <s>删除线</s>

    <u>下划线</u>

    <em>斜体</em>

    <hr/ size=“” color=“”>水平分割线

    特殊标签

    &nbsp;   空格

    &lt;   <

    &rt;  >

    &reg; 注册商标

    &copy;版权信息

    5.列表(有序列表,无序列表,自定义列表)

    无序列表( unordered list ) 默认是列表数字1,2,3 但是可以通过type 属性该表列表的序列。

    语法:<ul type="">

                 <li></li>

                 <li></li>

            </ul>

    有序列表(ordered list)默认是列表项一个黑圈通过type属性改变 type 值可以是  circle square  。

      语法:<ol>

                  <li></li>

                  <li></li>

              <ol>

    自定义列表:(definition term)用于描述

    语法:<dl>

            <dt></dt>

           <dd></dd> 

           <dt></dt>

           <dd></dd> 

           </dl>

    6.表格 由行(row)和单元格(cell)组成,<tr>表示行<td>表示单元格表格默认是没有边框的,表头<th> 表标题<caption>为了结构化表格加上了thead tbody tfoot,

    合并行 clospan 合并单元格rowspan  表格与单元格的距离cellspacing  单元格和内容的距离 cellpadding

    语法:<table>

    <thead>

       <tr>

      <th>表头</th>

      </tr>

    <thead>

    <tbody>

      <tr>

      <td>单元格</td>

      </tr>

    <tbody>

    <tfoot>

      <tr>

      <td>单元格</td>

      </tr>

    </tfoot>

       </table>

    7.图片标签 在网页上显示一张图片   src 是指明路径  alt 图片加载不全的时候显示的文字  title 当鼠标放在图片上提示的文字信息  图片是用相对路径

    语法:<img src="" alt="" title=""/>

    8.超链接标签 实现跳转链接  属性 href链接地址  属性target 目标 值一般是_self _blank _parent _top 实现锚链接  的方式是,在目标链接上加上#id名字 在标签上加上id名字

    语法:<a href=“” target=""></a>

    9.表单form 用于 后台提交数据 form标签 有method属性 值是post ,action提交到哪里的值,name 为表单取名字方便后台获取值, 必须写在form内部才是有效的。

    form表单包括三部分,input标签类  textarea文本域   select下拉框

    语法:<input type="text"/>表示一个文本框 属性有size 最大值   maxlength 最大的值  name取得名字  value="初始值"

       <input type="password"/>表示一个密码框

      <input type="button"/>表示一个按钮

     <input type="reset"/>表示一个重置按钮

    <input type="submit"/>表示一个提交按钮

    <input type="image"/>表示一个图片,可以设置为图片按钮

    <input type="file"/>表示一个可以上传文件的

    <input type=" radio"/>表示一个单选按钮  属性值name 值为一样 value属性

    <input type="checkbox"/>表示一个复选框 不需要给name 属性  需要给定value 和<lable for></lable>一起使用   属性还有 multiple表示可以多选按住Ctrl键,size表示显示的个数。

    <input type="hidden"/>表示一个隐藏域

    <textarea rows="横跨的行" cols="横跨的列">里面是初始值</textarea>

    <select name="" multiple="是否为多选" size="显示的个数" >

     <option value="值" selected="selected是否被选中"></option>

     <option value="值"></option>

    </select>

    10.音频视频标签

    <embed src="" width="" height=""/>

    <bgsound src=""/>

    11.浮动框架

    <iframe src="浮动框架的源文件" width="浮动框架的宽" height="浮动框架的高" scrolling="是否滚动"></iframe>

     
  • 相关阅读:
    排序算法之归并
    RequestAndResponse
    Jsp相关
    会话技术
    MVC设计思想
    FileRecv VNCViewer 使用方法
    Go语言string包详解
    Go语言字符串
    Go语言fmt包详解
    编写第一个Go程序
  • 原文地址:https://www.cnblogs.com/benpaodegegen/p/5860975.html
Copyright © 2020-2023  润新知