资讯中心

HTML基础入门 - 常识了解,走入前端的圈子

来自:衡庐科技 发布时间:2019/9/30 10:26:44 浏览次数:

HTML简介

       HTML 包含了HTML 标签及文本内容,允许你格式化文本,添加图片,创建链接、输入表单、框架和表格等等,并可将之存为文本文件,浏览器即可读取和显示
      1、 HTML( HyperText Markup Language ) :一种在 Web 上使用的通用标记语言
      2、 标记语言 :是一套标记标签,使用标记标签来描述网页

必有元素(每一个Html页面必定含有以下元素,格式如上)

       !DOCTYPE html - 声明为 HTML5 文档 (若不加,则适配存在问题)
       html 元素 - HTML 页面的根元素 (首尾标签)
       head 元素包含了文档的元(meta)数据,如 meta charset=“utf-8” 定义网页编码格式为 - utf-8 (meta标签可以拥有多个,这里我们为防止乱码只声明了编码格式)
       title 元素 - 描述了文档的标题 (网页顶部的页面名称)
       body 元素 - 包含了可见的页面内容 (主题页面书写区域)
 

扩展元素( 因人而异

       span 元素 - body内的标签自己书写即可,我只是为了不空旷,才写了一行文字

HTML元素分类

    HTML 可以通过 div 和 span 将元素组合起来
 

区块元素

    块级元素在浏览器显示时,通常会以新行来开始(和结束)
常见块级标签
    div、h1、p、ul、table
 

内联元素

     内联元素在浏览器显示时,通常不会以新行开始
常见内联标签
    span、b、td、 a、img
      所以标签在我们的编程里面是十分重要的,所以学习标签变得十分的重要,也是我们学习前端HTML的基础所在。多余的话就不说,现在就开始介绍我们的HTML标签。如图表下。
                                                标签                                             描述
 
                                                <a>                                           超链接
                                             <b></b>                                  字体加粗
                                                <br>                                  换行(相当于回车)
                                    <button></button>                               按钮
                                   <caption></caption>                         表格的标题
                                          <div></div>                            文档中的分区或节
                                           <dl></dl>                                     定义列表
                                           <dt></dt>                                  定义列表项目
                                          <dd></dd>                            定义列表中项目的描述
                                          <em><em>                                     强调文本
                                       <form></form>                     定义供用户输入的 HTML 表单。(当需要数据库传输到页面的时候,这个标签很有用)
                              <h1></h1>到<h6></h6>                定义标题的大小,h1到h6,标题不断变大
                                          <hr></hr>                                        水平线
                                             <i></i>                                           斜体
                                             <img>                                           定义图像
                                    <input></input>                               定义输入控件
                                    <label></label>                         定义 input 元素的标注
                                          <li></li>                                     定义列表的项目
                                             <link>                               定义文档与外部资源的关系
                                          <ol></ol>                                     有序列表
                                          <ul></ul>                                     无序列表
                                  <option></option>                      定义选择列表中的选项
                                          <p></p>                                           段落
                                    <script></script>                   定义客户端脚本(JavaScript)
                                    <select></select>                   定义选择列表(下拉列表)
                                       <span></span>                      定义文档中的节
                                    <strong></strong>                            强调文本
                                       <style></style>                      定义文档的样式信息
                                       <table></table>                               定义表格
                                          <td></td>                            定义表格中的单元
                                          <th></th>                            定义表格的表头单元
                                          <tr></tr>                               定义表格中的行
      在这上面的表格当中,我为大家列举了主要的一些标签,这些标签时平时主要使用到,至于其他,如果有需要的人可以到最新HTML标签中查看你想要的标签。
      如果细心的人可以发现一个问题,就是有些标签是成对存在,有些标签是孤零零的,这就是我要说的,html中的标签分为双标签和单标签,主要是以双标签为主。
售前咨询售后服务技术支持