HTML(五)列表,区块,布局,表单和输入

HTML 列表

无序列表

  • Coffee
  • Tea
  • Milk

默认是圆点,也可以


    圆圈

      正方形

        有序列表

        1. Coffee
        2. Tea
        3. Milk
        1. Coffee
        2. Tea
        3. Milk

        默认是用数字排序
        大写字母


          小写字母

            罗马大写

              罗马小写

                自定义列表

                Coffee
                - black hot drink
                Milk
                - white cold drink

                HTML 区块

                HTML
                元素

                HTML

                元素是块级元素,它可用于组合其他 HTML 元素的容器
                元素没有特定的含义。除此之外,由于它属于块级元素,
                浏览器会在其前后显示折行
                如果与 CSS 一同使用,
                元素可用于对大的内容块设置样式属性
                元素的另一个常见的用途是文档布局
                它取代了使用表格定义布局的老式方法
                使用
                元素进行文档布局不是表格的正确用法

                HTML 元素

                HTML 元素是内联元素,可用作文本的容器
                元素也没有特定的含义
                当与 CSS 一同使用时, 元素可用于为部分文本设置样式属性

                HTML
                标签

                文档中的一个区域将显示为蓝色:




                HTML 标签

                使用 元素对文本中的一部分进行着色:

                HTML 布局

                使用
                元素.

                div 元素是用于分组 HTML 元素的块级元素

                使用表格

                使用 HTML


                这是一个在 div 元素中的标题


                这是一个在 div 元素中的文本


                我的母亲有蓝色 的眼睛

                元素的作用是显示表格化的数据 align属性: left 左对齐内容 right 右对齐内容 center 居中对齐内容 justify 对行进行伸展,这样每行都可以有相等的长度(就像在报纸和杂志中)

                或者
                标签是创建布局的一种简单的方式 大多数站点可以使用

                HTML 表单和输入

                创建文本字段


                创建密码字段


                密码打出来的全是圆点

                单选按钮(Radio Buttons)


                复选框(Checkboxes)


                提交按钮(Submit Button)

                简单的下拉列表

                预选下拉列表

                带边框的表单

                Personal information: Name:
                E-mail:
                Date of birth:

                发送邮件实例








                posted @ 2019-07-02 20:50 鹏懿如斯 阅读( ...) 评论( ...) 编辑 收藏
                元素来创建多列 CSS 用于对元素进行定位,或者为页面创建背景以及色彩丰富的外观 First name: Last name: Username: Password: Male Female I have a bike I have a car Username: Name: E-mail: Comment:

猜你喜欢

转载自www.cnblogs.com/peng8098/p/html_5.html
今日推荐