首页 > 编程知识 正文

常用的标记语言有,标记语言有何特点

时间:2023-05-06 14:40:54 阅读:218628 作者:3966

HTML常用的标记语言

  标记语言:是一种讲文本以及相关的其他信息结合起来,展现出关于文档结构和数据处理细节的电脑文字编码。与文本相关的其他信息(包括文本的结构和表示信息等)与原来的文本结合在一起,但是使用标记进行标记。

  标记语言不仅仅是一种语言。就像许多语言一样,它需要一个运行时环境,使其有用。

 

  现在来学习我们常用一些标记

  1、无序列表:

    <ul>

       <li>我是无序列表<li>

       <li type="circle">我是无序列表</li>

       <li type="square">我是无序列表</li>

       <li>我是无序列表</li>

       <li>我是无序列表</li>

   </ul>

 

  2、有序列表:

    <ol>

       <li>有序列表</li>

       <li>有序列表</li>

       <li>有序列表</li>

       <li>有序列表</li>

   </ol>

 

  3、自定义列表:

  

 <dl>

       <dt>我是标题</dt>

       <dd>我是内容<dd>

</dl>

 

  4、插入图片、超链接:

    <imgwidth="50" height="40"src="img/a.img"/>  (插入图片、设置其宽高)

    <a rel="external nofollow" href="http://www.baidu.com"target="_blank">百度</a>    (新窗口打开百度链接,target:选择打开的方式)

    格式:<imgsrc=""/>

    功能:在网页中插入图像。

 

    绝对路径和相对路径的区别:

    绝对路径:可以理解为一个网址。文件图片等已经上传服务器;

   相对路径:存在同一个目录下的相对路径。

 

    src="url"   通过url给出图像来源的位置,是不可缺省的

    width="size"     设置图像宽高

    height="size"    设置图像高度

    alt="txt"        设置在图像未载入前图片位置显示的文字

    border="size"    设置图像边框,缺省为0

    align="alignstyle"   设置对其方式,取值为: topbottom left right middle center

    hspace="size"     设置图片左右边沿空白

    vspace="size"     设置图片上下边沿空白

  5、表格:table

    table:表格

    th:表格单元格标题

    tr:表格行

    td:表格列

    caption:表格标题

    thead:表头

    tbody:表主体

    tfboot:表尾

   

    <table border="1"width="600" align="center">

   <caption></captiom>

   <thead>

        <tr>

            <th>表格单元格标题</th>

            <th>表格单元格标题</th>

            <th>表格单元格标题</th>

        </tr>

   </thead>

   <tbody align="center">

         <tr>

           <td>一</td>

           <td>二</td>

           <td rowspan="2">行合并</td>

         </tr>

         <tr>

           <td>一</td>

           <td>二</td>

         </tr>

   </tbody>

   <tfoot><tr><td colspan="3">表尾列合并</td></tr></tfoot>

   </table>

 

    表单:form

    form:表单,把控件集中起来

    input:控件

    input(标签) - type(属性)-(作用如下)

    text:文本框

    password:密码框

    hidden:隐藏域

    radio:单选框

    checkbox:多选框

    button:按钮

    reset:重置

    image:图片按钮

    submit:提交

    <input type="text"placeholder="输入你的用户名">(placeholder:框内的提示信息)

    <input type="password"placeholder="请输入你的密码">

    <input type="button"value="登录">

   

    form标签:

 

       为什么占击reset没有效果啊?

         因为type=resrt的按钮智能在Form之中起作用。

       作用:用来管理页面上的表单元素,表单元素如果要起作用,必须要放在form标签中。

   

     action:讲所有的数据提交到action指定的页面

   

  

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。