一、HTML基础标签

(一)大标签 特点:独占一行或者一块区域,竖着排列

1.标题标签

<h1> </h1>  <h2> </h2>  <h3> </h3>  <h4> </h4>   <h5> </h5>  <h6> </h6>

2.段落标签

<p></p>

3表格标签

<table>

        <tr>   

                <td></td>

        </tr>

</table>

重要属性 :

边框  border="1"   去掉单元格与单元格之间的间距  cellspacing="0"   去掉单元格的内边距    cellpadding="0"

宽度  width="400"   高度  height="400"

水平对齐方式  align="left/center/right"

合并列(合并右边)  colspan="合并单元格的数量"

合并行(合并下边)  rowspan="合并单元格的数量"

4.块标签:做页面布局

<div></div>

5.列表标签

    5.1无序列表

<ul>    <li></li>    </ul>

    5.2有序列表

<ol>    <li></li>    </ol>  

    5.3自定义列表

<dl>    <dt> </dt>      <dd></dd>     </dl>  


(二)小标签  特点:是挨着排列,且有默认间距

1.加粗标签   

<b></b>   <strong></strong>

2.倾斜标签      

<i></i>   <em></em>

3.超链接标签

<a href="#“ target="_blank">  </a>

4.文本节点标签 

<span> </span>


(三)特殊标签

1.图片标签

<img src="路径" title="图片标题" alt="加载失败">

    (1)相对路径,一般指的是本地文件(项目文件夹下的文件)的引入。

    引入文件的方法:

    第一步,确认自己所在的位置;第二步,确认你要找的文件所在的位置,然后判断你们两者之间的关系,如果是同级别关系,就直接写;如果存在下一级关系,就加 / ;如果需要回退到上一级,需要添加  ../

    (2)绝对路径,一般指的是线上文件(以http://或者https://开头的文件)的引入。

2.输入框标签

    2.1文本类型输入框

<input type="text" name =" " value="" palceholder="给用户做提升用的">

    2.2密码类型的输入框

<input type"password" name= ""  value= "" placeholder="给用户做提升用的“ >

3.按钮标签

    3.1提示标签

<input type="submit" value=”登录“>

    3.2按钮注册

<button>注册</button>

    3.3重置按钮

<input type="reset" value="">

(四)其他标签

1.换行标签

 <br>

2.水平线标签

<hr>

3.空格符号   

 &nbsp;

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.基础框架 整个HTML文件中只能有一个;所有的标签都必须包含在该标签中。 提供关于文本的一些信息,起始结构有一...
    龙小白1010阅读 256评论 0 1
  • 学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签...
    Mr大喵喵阅读 1,476评论 0 4
  • 一、 网站:在万维网上根据规则使用HTML工具制作的网页的集合,是web的基础。网页:网站由网页组成,是构成网站的...
    ConRon阅读 187评论 0 0
  • 基础标签 a标签 什么是a标签? a标签的作用:就是同于控制页面与页面之间跳转的 a标签的格式: a标签中的tar...
    秒签T阅读 360评论 0 0
  • 版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 欢迎大家...
    小五丶_阅读 428评论 0 1