HTML/CSS复习笔记

一、HTML

一、概念

名称 释义
英文全称 Hyper Text Markup Language
中文全称 超文本标记语言

超文本  文本是指字,词,句,段等。超文本理解其字面意思,即超级文本,通过超链接将各种信息整合到一起展示。
标记语言  由标签构成的语言。标签通常成对出现(开始标签和结束标签),也有单个标签存在。

二、作用

通过不同标签的不同组合来描述不同的网页内容

三、常用标签及属性

  HTML中标签可以拥有属性,通过属性可以让标签自由度更高,使页面效果更好

1. 表单

标签 功能
< form >< /form > 定义供用户输入的 HTML 表单,用于向服务器传输数据,定义采集数据的范围
< input > 定义输入框
< label > 定义input的标注
1.1 说明&示例

 1.1.1 < form action=" " >< /form >

属性action一般在交互情况下使用,比如在注册的时候,提交的时候会把用户名,密码等这些值传过去,然后对这些值的格式内容进行判断,根据判断结果进行下一步操作,对该部分数据的处理过程属于后台代码处理,处理后台数据的方法有多种,可以使用javaweb,asp,php等脚本语言进行处理。

 1.1.2 < label for=" " >< /label >

点击文本标记,就可以触发相关控件,for属性的值和相关控件的id值必须保持相同

 1.1.3 < input type="  " name=" " id="" value=" "/ >

当type的值为下列不同的取值,input输入框有不同的功能

type 功能
< textarea > 定义多行的文本输入控件
< button > 定义按钮
< option > 定义选择下拉列表的选项
< select > 定义下拉列表
< checkbox > 定义复选框
< radio > 定义单选按钮
< submit > 定义提交按钮。提交按钮会把表单数据发送到服务器。

2. 表格

标签 功能
< table > 定义表格
< caption > 定义表格标题
< th > 定义表格表头
< tr > 定义表格行
< td > 定义表格列

3. 列表

type 功能
< ul > 定义无序列表
< ol > 定义有序列表
< li > 定义列表的项目,在无序和有序列表中均可使用

4. 链接

二、CSS

  • text-decoration: none 取消链接下划线
  • 插入< img > 实现点击图片跳转
  • hover 设置鼠标悬浮时效果
  • 水平居中 text-align
  • 垂直居中 设置相等的height
  • cursor 鼠标悬浮时光标变为箭头

参考文献:
1.background相关属性及缩写属性
2.html中表格tr的td单元格怎么设置宽度属性
3.w3school

猜你喜欢

转载自blog.csdn.net/weixin_44825185/article/details/115113147