HTML元素

什么是 HTML?

HTML 是用来描述网页的一种语言。

  • HTML 指的是超文本标记语言 (Hyper Text Markup Language)

HTML 标签

  • HTML 标签是由尖括号包围的关键词,比如 <html>
  • 常见的标签
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML</title>
</head>
<body>    
    <!---输入框-->
    <input type="text" value="输入框">HTML元素</input><br>
    <!---选择框-->
    <input type="checkbox" name="">选择框</input><br>
    <!---选择框-->
    <input type="checkbox" name="">选择框</input><br>
    <!---单选/多选-->
    <input type="radio" name="sex">单选/多选框</input><br>
    <!---按钮-->
    <input type="button" value="登陆">按钮</input><br>
    <!---文件上传-->
    <input type="file"/> <br>
    <!---密码输入框-->
    <input type="password" name=""/><br>
    <select>
        <option>语文</option>
        <option>数学</option>
        <option>英语</option>
    </select><!---下拉框-->
    <a href="https:baidu.com">百度</a><!---超链接-->
</body>
        <!--表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),-->
        <table border="1">
        <tr><td>111</td><td>111</td></tr>
        <tr><td>222</td><td>222</td></tr>
        <tr><td>333</td><td>333</td></tr>
    </table>
    <!--图像标签(<img>)和源属性(Src)-->
    <img src="C:\Users\a\Pictures\1630674722108.jpg" width="66" height="66"/><br>
    <!--文本域-->
    <textarea rows="10" cols="50"></textarea>
    <!--加粗标签-->
    <b>测试</b>
    <!--换行-->
    <br>
    <!--段落-->
    <p>这是一个段落</p>
    <!---注释-->
    <!--无序列表始于 <ul> 标签。每个列表项始于 <li>-->
    <ul>
        <li>Coffee</li>
        <li>Milk</li>
    </ul>
    <!--有序列表始于 <ol> 标签。每个列表项始于 <li> 标签-->
    <ol>
        <li>Coffee</li>
        <li>Milk</li>
    </ol>
    <!--自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。-->
    <dl>
        <dt>Coffee</dt>
        <dd>Black hot drink</dd>
        <dt>Milk</dt>
        <dd>White cold drink</dd>
    </dl>
    <!--
        HTML 块元素
            大多数 HTML 元素被定义为块级元素或内联元素。
            编者注:“块级元素”译为 block level element,“内联元素”译为 inline element。
            块级元素在浏览器显示时,通常会以新行来开始(和结束)。
            例子:<h1>, <p>, <ul>, <table>
        HTML 内联元素
            内联元素在显示时通常不会以新行开始。
            例子:<b>, <td>, <a>, <img>
    -->
    <!--<div> 元素是块级元素,它是可用于组合其他 HTML 元素的容器    -->
        <div>
            <h1>qq</h1>
        </div>
        <div><h2>ddd</h2></div>
    <!--iframe内联框架,iframe 用于在网页内显示网页。-->
    <iframe src="https://www.w3school.com.cn/html/html_blocks.asp" width="200" height="200"></iframe>
         
</html>

HTML 元素

HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。

HTML 属性

HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息

属性总是以名称/值对的形式出现,比如:name="value"

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值