html、css（javaweb第一天）

HTML:

文字、图片、视频组成

由标签组成的语言

html 复制代码

行内标签span//无语意
<img src="url">//图片
<a herf="url" target="是否开新页面">点击谁</a>//超链接
<video src="url" controls></video>//controls播放控件
<audio src="url" controls></audio>
<br>//换行
<b></b>//加粗
<strong></strong>//加粗并强调
&nbsp//空格

<table border="" width="" cellspacing=""></table>
//表格border边框宽度width表格宽度cellspacing单元格之间空间
<tr></tr>//行
<td></td>//一个单元格
<th></th>//表头单元格

<form></form>//表单
action:数据接收者url 
method:发送表单的方式
get(默认选项):在url后面添加数据，有大小限制
post:在请求体中、参数无大小限制
<input>//输入框
<select></select>//选择下拉列表
<textarea></textarea>//定义文本区域

感觉文字用标签很大用处是为了实现样式

CSS:网页样式

行内样式：

格式：

html 复制代码

<h1 style="xxx:xxx;xxx:xxx">hello</h1>

内嵌样式：

在任何位置，通常约定在head标签内

html 复制代码

<style>
h1{
	xxx:xxx;
	xxx:xxx;
}
<style>

外联样式：

直接定义在.css文件中

使用：

html 复制代码

<link rel="stylesheet" href="css文件路径">

选择器：

元素选择器：标签

id选择器：#id值

类选择器：.class属性值（可重复）

优先级：id>class>标签

整体布局：盒子模型

组成：

内容区域：content

内边距区域：Padding

边框区域：border

外边距区域：margin

通过：

div、span实现

都是无语意标签

div特点：

默认占一行

宽度为父元素宽度、高度由内容决定

可以设置宽高

span特点：

一行显示多个

高度、宽度由内容决定

不可设置宽高