Html的基本用法

Html

一.Html概述

       HTML 指的是超文本标记语言 (HyperText Markup Language)。 超文本:是指页面内可以包含图片、链接、声音,视频等内容 标记:标签(通过标记符号来告诉浏览器网页内容该如何显示)。

二.Html基本语法

       Head标签(标签)包含了所有的头部标签标签。
       头部区域的标签标签为: <title>, <style>, <meta>, <link>, <script>, <base>.
              <title>标签可定义网页的标题
              <meta> 标签可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新
               频度的描述和关键词。
              <meta> 标签位于文档的头部
              <meta charset="utf-8" />
              <meta name=“keywords” content=“手机,家电">
              标题处添加图标
              <link rel="icon" href="ico地址">

一个html的基本结构如下:

 

 HTML注释:

          <!—注释内容--> 注释后的内容不会显示在网页上

标签

         HTML中的标记指的就是标签。
         HTML使用标记标签来描述网页。
         结构:
        <标签名>标签内容</标签名> 闭合标签(有标签内容)
        <标签名/> 自闭合标签 (无标签内容)

标签属性:标签可以拥有属性。属性进一步说明了该标签的显示或使用

       特性.如:<body text=”red”>

          1.属性的格式 :属性名 = “属性值“
          2. 属性的位置:
              <标签名 属性名 = “属性值“ >xxx</标签名>
          3. 添加多个属性:
              <标签名 属性名 = “属性值“ 属性名 = “属性值“ >xxx </标签名>

基本常用标签

标题标签<h1></h1>…..<h6></h6>
 段落标签
             <p></p>
换行标签
             <br/>
列表
无序列表<ul><li></li></ul>
有序列表<ol><li></li></ol>
超链接<a></a>
图像标签<img/>

<a>超链接

a标签:HTML 使用超级链接与网络上的另一个文档相连,通俗的说就是
通过连接来访问其他网页资源。

图像标签

图像标签的基本语法

表格

表格的基本构成标签
     table标签:表格标签
     tr标签:表格中的行
     th标签:表格的表头
     td标签:表格单元格

 

表格的基本结构

    <table>定义表格
          <tr>定义表行
             <th>定义表头</th>
          </tr>
          <tr>
                 <td>定义单元格</td>
          </tr>
    </table>

表格的属性和表格合并

表格属性

    

表格合并

 

表单 

form标签:表单
网页表单中有许多可以输入或选择的组件,用户可以在表单中填写信息,最终
提交表单,把客户端数据提交至服务器.

文本

 

 其他表单

下拉框

 下拉框的name,id,事件等需要在select中定义,而value需要在option中定义.

多行文本域

 按钮

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值