Web-Day02

最新推荐文章于 2023-04-02 15:20:41 发布

Fosyme

最新推荐文章于 2023-04-02 15:20:41 发布

阅读量389

点赞数 1

分类专栏： OpenLab

本文链接：https://blog.csdn.net/Fosyme/article/details/112329965

版权

这篇博客介绍了HTML5中关于表单的新元素和属性，如input的不同类型、select、textarea及其相关属性。还涵盖了HTML5新增的元素，如article、section、header和footer等语义化元素，以及CSS的基础使用，包括四种引入方式、选择器等。同时，内容中穿插了C语言和行测的相关知识。

摘要由CSDN通过智能技术生成

Web-Day02

文章目录

Web-Day02

表单`<from>`

action：处理地址
method：提交方式

input

text：文本框
password：密码框
radio：单选框
checkbox：复选框
submit：提交按钮
reset：重置按钮
button：按钮
image：图像
file：文件上传

select （下拉选择）

option：选项卡

textarea（文本域）

cols：列数
rows：行数

label

关联文本域表单控件元素

其他属性

placeholder：输入提示
autofocus：自动焦点获取
required：必填项
list：文本框候选关联
datalist：文本框候选

其他type

color：颜色
date：日期
time：时间
month：月份
week：周数
email：邮箱
url：网址
number：数字
range：区间

HTML5新增元素

文章相关

header：整体文章的页眉
- nav：导航
main：整个文章主体，有且仅有一个
- article：一个独立的文章
  - h1：文章标题
  - section：区块
    - h2-h6：区块标题
    - p：段落
      - figure：图片区域
        
        figcaption：图片的标题
  - nav：文章导航
  - aside：文章附注栏
  - footer：文章的脚注
- aside：整体文章附注栏
- footer：整体文章的脚注

语义相关元素

mark：重点标记
meter：已知最大值和最小值的计数器
- value属性：当前值
- min：最小值
- max：最大值
- low：最小范围
- high：最大范围
- optimum：最佳范围
progress：进度条
- max：最大值
- value：当前值

HTML5新增属性

contentEditable：使其本身与子代具有可编辑性
designMode(隶属js)：是html处于设计模式
hidden：是标签具有隐藏性
spellcheck：拼写检查

CSS基本使用

四种方式

链接外部样式文件（最常用）：通过link标签引用
导入外部样式文件：@import
内部样式定义：在<head>中的<style>定义
内联样式：在标签的中使用style属性定义

CSS选择器

标签选择器
```
tagname：选择全部的该标签
```

属性选择器

标签名[属性名]：带有该属性名的标签
标签名[属性名=属性值]：带有该属性名且符合属性值等于该属性值的标签
标签名[属性名*=属性值]：带有该属性名且符合属性值包含该属性值的标签
标签名[属性名^=属性值]：带有该属性名且符合属性值以该属性值开头的标签
标签名[属性名$=属性值]：带有该属性名且符合属性值以该属性值结尾的标签