html常用标签

最新推荐文章于 2024-12-15 01:33:55 发布

原创最新推荐文章于 2024-12-15 01:33:55 发布

· 113 阅读

0 ·

版权

html 专栏收录该内容

1 篇文章

订阅专栏

常用标签

标题

<h1>~<h6>

<body>
    <div>iphone</div>
    <h1>iphone</h1>
    <h2>iphone</h2>
    <h3>iphone</h3>
    <h4>iphone</h4>
    <h5>iphone</h5>
    <h6>iphone</h6>
    <h7>iphone</h7>
</body>

iphone

段落

<p>

<body>
    <p>边缘计算起源于&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;传媒领域，是指在靠近物或数据源头的一侧，采用网络、计算、存储、应用核心能力为一体的开放平台，就近提供最近端服务。</p>
    <p>其应用程序在边缘侧发起，产生更快的网络服务响应，满足行业在实时业务、应用智能、安全与隐私保护等方面的基本需求。</p>
    <p>边缘计算处于物理实体和工业连接之间，或处于物理实体的顶端。而云端计算，仍然可以访问边缘计算的历史数据。</p>
</body>

边缘计算起源于传媒领域，是指在靠近物或数据源头的一侧，采用网络、计算、存储、应用核心能力为一体的开放平台，就近提供最近端服务。

其应用程序在边缘侧发起，产生更快的网络服务响应，满足行业在实时业务、应用智能、安全与隐私保护等方面的基本需求。

边缘计算处于物理实体和工业连接之间，或处于物理实体的顶端。而云端计算，仍然可以访问边缘计算的历史数据。

notes:  表示空格

结构标签

div用来划分区域，代表网络中的块

span是内联标签，在一行文本中，来修饰文字

<body>
    <div>div1</div>
    <div>div2</div>
    <div>div3</div>
    <span>span1</span>
    <span>span2</span>
    <span>span3</span>
</body>

div1

div2

div3

span1 span2 span3

可以看出，div独占一行，多个span共享一行

链接

链接标签：
<a>用于定义网页链接
链接属性：
href属性表示链接的地址，
target属性表示打开链接的方式。“_self”为在当前窗口打开；”_blank“为在新窗口打开。

<body>
      <a href="https://www.baidu.com" target="_blank">百度</a>
</body>

图片

img标签用于定义一张图片
属性：
src代表图片的地址
alt代表当图片无法显示时的替代文本

<body>
      <img src="1.png" alt="ubuntu">
</body>

####列表

无序列表
<ul>标签定义无序列表，<li>定义列表项。
属性：
type属性定义样式。disc为点，square为方块，circle为圆。

 <body>
      <ul>
          <li type="circle">cloud computing</li>
          <li type="disc"> edge computing</li>
      </ul>
</body>

cloud computing
edge computing

有序列表
<ol>标签定义有序列表，<li>标签定义列表项
自定义列表

标签定义自定义列表，定义标题，

定义列表项

<body>
      <dl>
          <dt>湖南省</dt>
          <dd>长沙市</dd>
          <dd>岳阳市</dd>
      </dl>
</body>

湖南省

长沙市

岳阳市

表格标签

表格

<table>标签定义表格。<tr>表示一行，<td>表示一列。<caption>定义标题。

<body>
     <table>
         <caption>title</caption>
         <tr>
             <td>1</td>
             <td>2</td>
         </tr>
         <tr>
             <td>3</td>
             <td>4</td>
         </tr>
     </table>
</body>

title
1	2
3	4

<thead> <tbody> <tfoot>分别定义表格的头部、主体、尾部。

表单

<form>标签定义表单。

属性：
action定义表单提交的地址。
method定义表单提交的方式。（get post）

<body>
    <form action="https://baidu.com" method="GET">
        <div>你的专业？</div>
        <input type="text" value="" />
        <div>
            <input type="submit" value="提交" />
            <input type="reset" value="重置" />
        </div>
    </form>
</body>

input

<input>的type值代表了不同的表单类型。

type	类型
text	单文本框
radio	单选按钮
checkbox	多选按钮
button	普通按钮
submit	提交按钮
reset	重置按钮
file	文件上传

 <body>
    <form action="https://baidu.com" method="GET">
        <div>选课</div>
        <div>用户名：<input type="text" name="usr"/></div>
        <div>密码：<input type="password" name="password"/></div>
        <div>课程：
            <input type="radio" name="course" id="p"/><label for="p">程序设计</label>
            <input type="radio" name="course" id="d"/><label for="d">数据库</label>
        </div>
        <div>教室：
            <input type="checkbox" name="room"/>A103
            <input type="checkbox" name="room"/>
        </div>
        <div>
            <input type="submit" value="提交" />
            <input type="reset" value="重置" />
        </div>
    </form>
</body>

select

用来定义列表，用来定义列表项

<body>
    <div>请选择课程</div>
   <select name="course" id="s1" multiple>
       <option value="001">数学</option>
       <option value="002" selected>语文</option>
       <option value="003">英语</option>
   </select>
</body>