前端学习记录（HTML篇）-白红宇

前端学习记录（HTML篇）

阅读量：7220 次

发布时间：2019-06-29

本文共 3147 字，大约阅读时间需要 10 分钟。

`HTML`

Hyper Text Markup Language，超文本标记语言，不是一种编程语言，而是一种标记语言

思想：网页中有很多数据，不同的数据可能需要不同的显示效果，一个标签相当于一个容器，想要修改容器内数据的样式，只需要改变容器的属性值，就可以实现容器内数据样式的变化。

语言结构介绍：

块级标签

显示为"块"状，浏览器会在其前后显示折行。常用的块级元素包括：<p>, <h1>~<h6>, <div>, <ul>等

标题标签


    一级标题
二级标题
三级标题
四级标题
五级标题
六级标题

段落标签

同一个世界，同一个梦想

梦想还是要有的，万一实现了呢？

水平线标签

列表

分区标签

行级标签

按行逐一显示，前后不会自动换行，常用的行级标签包括：<b>, <i>, <sub>, <sup>等


    粗体文本
    倾斜文本
    粗体文本
    倾斜文本
    小号文本
    H₂o
    10²
    文本内容
    点击
    
    文本等行级内容
    
         
    >    
    <    
    "    
    ©

框架

frameset框架集

创建框架页面的步骤：

创建各个子窗口对应的html文件

创建整个框架文件，分别引用子窗口文件

框架的使用


        上边/frame>            
            左边        右边            
        
    <div></div>             &lt;body&gt;            您的浏览器无法处理框架！        &lt;/body&gt;    <div></div>

iframe内嵌框架

新浪

百度

表格

使用场景

主要用于规则的数据显示；

适当的可以在表单页面中使用；

使用表格标签进行页面布局的缺点

代码量比较大，页面浏览速度比较慢；

层次结构比较复杂，不易于维护和改版；

不利于搜索引擎搜索查找数据；


    
    
                  
      我喜欢的NBA球队
                                                                                             球队名称                    老板                    当家球星               
         
                                                                          骑士                    丹尼尔·吉尔伯特                    勒布朗·詹姆斯               
                                 勇士                    乔·拉科布                    斯蒂芬·库里               
                                 马刺                    皮特·霍尔特                    科怀·伦纳德               
         
                                                       总计3支球队

表单

基本语法

常见的表单元素使用


            
            单行文本框：
        
            密码输入框：
        
            隐藏域
        
            单选框：男               女
                    
            复选框：篮球                足球               排球
        
            图像域：
        
            文件上传：
        
            提交按钮：
        重置按钮：
        普通按钮：

使用button定义按钮


    提交按钮：
重置按钮：
普通按钮：

使用label定义标签


    
    单行文本框：

列表菜单和下拉菜单

多行文本框


    
    1) 用户可通过各种已有和未来新增的渠道注册账号及加入付费使用。 2) 在用户使用具体某种方式加入付费会员时，须阅读并确认相关的用户协议和使用方法。

html多媒体

web上的多媒体指的是音效、音乐、视频和动画，现代网络浏览器已经支持很多多媒体格式。常见的视频格式有avi, wmv, mpg/mpeg, mov, rm/ram, mp4等，常用的音频格式有mid/midi, rm/ram, wav, wma, mp3/mpga等。