Bootstrap

HTML常用标签以及CSS常用样式

 一、HTML常用标签


HTML是所有网页制作技术的核心和基础,也是每个网页制作者必须掌握的基本知识,而 html 标签是 html 语言中最基本的单位,是 HTML 最重要的组成部分.

HTML 标签是与大小写无关的,例如“<BODY>”跟<body>表示的意思是一样的,推荐使用小写。


1.1、单闭合标签

标签 功能
<br /> 插入一个换行简单的换行符
<hr /> 定义水平线
<area /> 定义图像映射内部的区域
<base /> 定义页面中所有链接的默认地址或默认目标
<img /> 定义图像
<input /> 定义输入控件
<link /> 定义文档与外部资源的关系

1.2、字体效果

标签

功能

<h1>...</h1> 标题字(最大)
<h6>...</h6> 标题字(最小)
<b>...</b> 粗体字
<strong>...</strong> 粗体字(强调)
<i>...</i> 斜体字
<em>...</em> 斜体字(强调)
<u>...</u> 底线
<ins>...</ins> 底线(表示插入文字)
<strike>...</strike> 横线
<s>...</s> 删除线
<del>...</del> 删除线(表示删除)

 

1.3、区断标记

标签

功能

<hr> 水平线
<hr size=9> 水平线(设定大小)
<hr width=80%> 水平线(设定宽度)
<hr color=ff0000> 水平线(设定颜色)
<br> (换行)
<p>...</p> 段落标签(换行)
<center>...</center> 置中

1.4、块级标签

        <div></div>::定义 HTML 文档中的一个分隔区块或者一个区域部分 常用于组合块级元素,以便通过 CSS 来对这些元素进行格式化。(换行标签)

        <span></span>::用于对文档中的行内元素进行组合 提供了一种将文本的一部分或者文档的一部分独立出来的方式。(不换行标签)

 

1.5、图像

         语法格式:<img     src="" alt=" ​     title='''' width="" height=""/>

          属性:

                 img:图片标签(单标签)

                 src:图片路径( / 根路径         ./ 同级路径        ../ 上一级路径)

                  title:鼠标悬停图片之上的提示语

                  alt:图片不能正常加载的提示语

                  width:宽度(单位px )

                  height:高度(px 像素)

1.6、音频、视频

            video       视频播放器

            audio       音频播放器

            controls    显式播放器控件

            src         路径

            autoplay    自动播放

            loop        循环播放

                <audio src="./audio/陈奕迅 - 好久不见.flac" controls></audio>

                <video src="./audio/mojito.mp4" controls></video>

1.7、 超链接

              语法:<a href="链接地址" ></a>

                        属性:

                                target="目标窗口位置( _ self或者 _blank)"

                               _ self:在本窗口打开 (默认)

                                _blank:在新窗口中打开

                        <a href="https://www.baidu.com" target="_blank">百度一下,你就知道</a>

1.8、表单标签

  1. <input 属性 />表单元素,必须写在form表单域中,不然不能提交

        type:text(文本框)password(密码)radio(单选框)、checkbox(复选框),button(没有功能的普通按钮)、submit(以文本框的形式提交)、image(以图片的形式提交)、reset(重置)、file(文件上传)

;