HTML（五）列表，区块，布局，表单和输入

HTML 列表

无序列表

• Coffee
• Tea
• Milk

默认是圆点,也可以

• 
  圆圈
  • 
    正方形

有序列表

1. Coffee
2. Tea
3. Milk

50. Coffee
51. Tea
52. Milk

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

1. 
   小写字母
   1. 
      罗马大写
      1. 
         罗马小写

自定义列表

Coffee

- black hot drink

Milk

- white cold drink

HTML 区块

HTML

元素

HTML

元素是块级元素，它可用于组合其他 HTML 元素的容器

元素没有特定的含义。除此之外，由于它属于块级元素，
浏览器会在其前后显示折行
如果与 CSS 一同使用，

元素可用于对大的内容块设置样式属性

元素的另一个常见的用途是文档布局
它取代了使用表格定义布局的老式方法
使用

HTML 元素

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

HTML

标签

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

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

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

align属性:
left 左对齐内容 right 右对齐内容 center 居中对齐内容
justify 对行进行伸展,这样每行都可以有相等的长度(就像在报纸和杂志中)

HTML 标签

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

我的母亲有蓝色 的眼睛

HTML 布局

使用

元素.

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

使用表格

使用 HTML

或者

HTML 表单和输入

创建文本字段

First name:
Last name:

创建密码字段

Username:
Password:

密码打出来的全是圆点

单选按钮(Radio Buttons)

Male
Female

复选框(Checkboxes)

I have a bike
I have a car

提交按钮(Submit Button)

Username:

简单的下拉列表

VolvoSaabFiatAudi

预选下拉列表

VolvoSaabFiatAudi

带边框的表单

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

发送邮件实例

Name:

E-mail:

Comment:

posted @ 2019-07-02 20:50 鹏懿如斯 阅读( ...) 评论( ...) 编辑 收藏

刷新评论 刷新页面 返回顶部

公告

Copyright ©2019 鹏懿如斯

转载于:https://www.cnblogs.com/peng8098/p/html_5.html