HTML标准结构:

成对出现的标签-->有标签体的标签

<html>

    <head>-->头标签

         <title>  窗口标题标签</title>

         <meta charset="utf-8"> 指定当前HTML页面的编码格式

    </head>

    <body>  HTML页面的主题部分

            最终在浏览器中展示的内容

    </body>

</html>

 

 

DOCTYPE:是一个文档声明------当前HTML版本以及约束

  .dtd dtd约束  结束标签的顺序

  .xsd  xsd约束  在框架中常用的约束:schema约束

 

文本标签:

    1》标题标签:h1-->h6

    2》段落标签:p

    3》原样输出:pre

    4》水平线:<hr/>

    5>滚动标签:marquee

              属性:behavior:alternate 来回  scroll 交替  slide 滚动某一边停止

                        scrollamount:速度

                        direction:left  right  up down

                        bgcolor:背景色    HTML标签属性

                        background-color    css样式属性

    6》引用标签:q标签:大引用  效果展示时有 “ ”

                           blockquote:段落缩进标签   小引用

    7》地址标签:展示效果字体斜体效果

                            address

    8》代码标签:对代码进行展示

                            code

    9》换行标签:<br/>

    10》上下行标签:sup上   sub下

    11》转移字符:&nbsp;相当于两个空格

                            &copy;  注册商标

            egg:数学公式:x^2&nbsp;x<sup>2</sup>

                      化学公式:CO2&nbsp; CO<sub>2</sub>

    12》列表标签:无序和有序

                无序:ul   li

                有序:ol   li

            ul和ol都有一个默认属性type:指定当前列表项前类型

                    ul       type:disc   circle  square

                    ol       type:1 A可以自己指定

    13》行内标签:span

    14》块标签:div

    15》字体标签:font

    16》居中标签:center 自动屏幕适配

    17》斜体标签:i 

                            em:是一种强调,带一种“语义”

    18》粗体标签:b

                            strong:是一种强调,带“语义”

    19》图像标签:img

                属性:src 引入图片的URL

                            width 宽度  heigh 高度  -> 百分比/像素

                            alt:替代文本,当图片失效的时候,来解释图片的文字

                            align:left right center 对齐方式

                            src属性:通过js方式来操作img的src属性改变图片的

    20》框架标签:frame   

                            name属性

    21》表格标签:table标签   

                     表格中没有列的概念,列的概念是通过单元格体现的

HTML常见标签

 

            caption:表格的标题标签                

            table:表格

                    属性:border 边框线

                            width height

                            bgcolor 背景色

                            align 对齐方式

                            cellspacing   单元格边沿和边框线之间的空间

                            cellpadding:单元格和内容的空间值

                tr:行

                td:单元格

                th:表头

        关于单元格合并:

                行合并:rowspan

                列合并:colspan

        表格标签有一个默认的拆分

                thead 头     tbody  体    tfoot 脚

            目的:浏览器解析引擎解析HTML文件---->遇到table标签

                将table标签中的每一行的内容用tbody包含起来,让用户体验好

                拆分之后,解决用户体验差的问题

        开发者在表格中添加上面三个标签不会影响效果展示!后期通过这个表格的拆分来完成一个特定需求。

                举例:CSS选择器----伪类选择器

                            表格中的行,鼠标经过之后编程其他颜色!

    22》表单标签:应用场景(注册,登录)

HTML常见标签

            form标签

                属性:action  提交的URL地址/后台地址

                            method:提交方式  常用方式get/post

                            onsubmit事件(Js):当前表单是否提交成功--

                                    <form action="xx" method="post" οnsubmit="return checkAll()"></form>

                   input有一个属性(h5)  placeholder:给当前的表单项中提供一个默认值

                    input中的必填项:name属性  将当前的内容提交后台的(后台需要当前的具体内容)

        关于form表单中常用的表单项

                    文本输入框:input type=“text”

                    密码输入框:input type=“password”

                    单选按钮:input type=“radio”

                    复选框:input type=“checkbox”

                                        checked属性:true表示选中  false表示不选中

                    下拉菜单:select

                                    option 下拉选项

                    文件上传:input type=“file”

                    文本域:textarea

                    隐藏域:<input type="hidden" 没有效果,但是会携带数据

        关于按钮

                    input type="button" 普通按钮

                    提交 type=“submit”

                    重置 type=“reset”

 

      登录或者注册时,密码要经过特处理

      密码加密:MD5 和 SpringSecurity:Spring 安全框架

   Get方式:提交的数据大小有限制,一般不超过4Kb

                    提交的数据会显示在URL地址栏中

    Post方式:提交的数据大小无限制

                    提交的数据不会展示在地址栏中,但是可以通过抓包在header中查到数据

    23》超链接标签:a标签

                作用:href属性:连接url地址

                            作为锚链接来使用步骤:

                                A)打标记(锚点)

                                    <a name="锚点名称"></a>

                                B)创建跳转链接

                                    <a href="#锚点名称">开始跳转</a>

    24》框架标签:

            frame:框架标签

                    定义:一个frame中包含一盒html页面

                    属性:    src    链接html页面

                                  name    链接所需要的超链接的位置,name属性值要和当前超链接标签的target属性的值一致,否则无效  

            当包含一个或两个以上的html页面的时候,不能再称之为frame,应该成为frameset

            frameset:框架集

                属性:  rows    横向划分,当前分割成几个HTML页面所占的权重百分比

                            cols     竖向划分,当前分割的几个frame,所占的权重百分比 

                        * 表示通配,当前划分剩下的权重百分比  

注意事项:frameset标签和body标签不能共存

HTML常见标签

    25》引入方式:link标签

相关文章: