• html基本标签(慕课网)


    html标签:

      1、<q>标签,短文本引用(quote,引用)

        注解:引用短文本,比如引用古人的一句话 ,注意引用的文本不需要再加双引号

           <q>标签的真正关键点不是它的默认样式双引号(和手输双引号效果一样但意义不一样),而是它的语义:引用别人的话。

           引用效果:

           双引号效果:

      2、<blockquote>,长文本引用

        注解:引用长文本,比如引用古人的一句话 ,注意引用的文本不需要再加双引号,显示也不会出现双引号,

           因为 浏览器对<blockquote>标签的解析是缩进样式

           

      3、&nbsp;   ,空格

        注解:html中加空格并不会显示出来,用&nbsp;来添加空格  

           注意不需要<&nbsp> ,注意不要忘记分号;

           nb(牛逼)sp(space空格)

      4、<address> ,为网页加入地址信息

        注解:也可以定义一个地址(比如电子邮件地址)、签名或者文档的作者身份。

        注意: <address>不但斜体,且另起一段。 <em>只是斜体,没有另起一段。

        

      5、<code> ,用于添加一行代码

        注解:当代码为一行代码时,可以使用<code>标签,目的:防止浏览器误认为是要执行代码,而没显示代码。加了标签浏览器就不会执行了,而是像文本一样显示出来

        

       

      6、<pre>,加入大段代码 

        注解:<pre> 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。

         

       7、<ul></ul> 列表标签 (<ol></ol>)

        注解:列表可以使用ul-li标签来完成。ul-li是没有前后顺序的信息列表。

                         ol-li是有顺序的信心列表

        

      8、<div> 

        注解:可以把一些独立的逻辑部分划分出来,放在一个<div>标签中,这个<div>标签的作用就相当于一个容器。

        一个html页面可以看成一个家,而每一个div可以看成家的每个小房间,每个小房间的装饰由css负责

        <div id="模块名称"> 每一个<div>都可以有一个id, 这个id 就相当于每个房间的门牌号

        

      9、<table> 表格标签

    1、<table>…</table>:整个表格以<table>标记开始、</table>标记结束。
    
    2、<tbody>…</tbody>:当表格内容非常多时,表格会下载一点显示一点,但如果加上<tbody>标签后,这个表格就要等表格内容全部下载完才会显示
    
    3、<tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。
    
    4、<td>…</td>:表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列。
    
    5、<th>…</th>:表格的头部的一个单元格,表格表头。
    
    6、表格中列的个数,取决于一行中数据单元格的个数。

    7、<caption></caption> 表格的标题

    8、summary 摘要 <table summary=""> 不在界面上显示

       10、<a></a> ,网页链接

        注解:<a href="http://www.baidu.com"  title="点击进入百度">百度</a>

          对"百度"进行网页点击 ,点击进入,title的作用是当鼠标放在"百度"文本上的时候,会出现title的内容提示"点击进入百度"

          如图:             ,注意 这是从当前页面打开链接指向的页面

          

          <a href="目标网址" target="_blank">百度</a>  ,target 表示新页面的打开方式

    _blank -- 在新窗口中打开链接 
    
    _parent -- 在父窗体中打开链接 
    
    _self -- 在当前窗体打开链接,此为默认值 
    
    _top -- 在当前窗体打开链接,并替换当前的整个窗体(框架页) 
    
    一个对应的框架页的名称 -- 在对应框架页中打开

      11、文本输入框标签 <input type="text" name="content" value="请输入文本">

        注解:type 分为text(文本输入框) ,password(密码输入框) . 

             name: 文本框命名,以备后台程序ASP 、PHP使用。

           value:为文本输入框设置默认值。(一般起到提示作用)

         

      12、单选框、复选框

    语法:
    
    <input   type="radio/checkbox"   value=""    name="名称"   checked="checked"/>
    1、type:
    
       当 type="radio" 时,控件为单选框
    
       当 type="checkbox" 时,控件为复选框
    
    2、value:提交数据到服务器的值(后台程序PHP使用)
    
    3、name:为控件命名,以备后台程序 ASP、PHP 使用
    
    4checked:当设置 checked="checked" 时,该选项被默认选中

    5、注意:同一组的单选按钮,name 取值一定要一致,比如上面例子为同一个名称“radioLove”,这样同一组的单选按钮才可以起到单选的作用。

      

              

          

     

      

     

  • 相关阅读:
    JVM笔记
    数论之GCD
    a+b problem
    table 随着内容自动适应宽度
    jquery 去除 css 的 background-image 样式
    jquery.table2excel,将HTML的table标签数据导出成excel
    C# MVC 视图 计算某一个列的总和
    template.js 求和 问题
    JavaScript 数组去重
    c# 获取api 数据
  • 原文地址:https://www.cnblogs.com/xqxacm/p/6520389.html
Copyright © 2020-2023  润新知