Javaweb Day1

1.什么是HTML

HTML:超文本标记语言

标记语言

1.HTML标签都是预定义好的。例如：使用<a>表示超链接，使用<img>展示图片，<video>展示视频

2.HTML代码直接在浏览器中运行，HTML标签由浏览器解析

图片标签<img>

 src:  指定图像的url(绝对路径/相对路径)

width:图像的宽度（px  像素 ;      %相对于父元素的百分比）

height：图像的高度（px 像素 ;    %相对于父元素的百分比）

标题标签<h1>-<h6>

水平线标签<hr>

路径书写方式：

绝对路径：

       1.绝对磁盘路径

       2.绝对网络路径

相对路径

       ./  ：当前目录     ./ 可以省略

       ../ ：表示上一级目录

CSS引入方式

行内样式：写在标签的stytle属性中（不推荐）

<h1 stytle="xxxx: xxxx;  xxx:xxx;"></h1>  属性名：属性值

内嵌样式：写在stytle标签中(可以写在页面任何位置，但通常约定写在head标签中)

<stytle>

     h1{

     xxx:xxx;;

     xxx:xxx;

}

</stytle>

外联样式：写在一个单独的.css文件中（需要通过 link 标签在网页中引入）

颜色表示

1.关键字  预定义的颜色名  red,green,blue

2.rgb表示法  红绿蓝三原色，每项取值范围：0-255 rgb(0,0,0)

3.十六进制表示法  #开头，将数字转换成十六进制表示 #000000 #ff0000 前两位红色 中两位绿色 后两位蓝色

CSS选择器：

元素选择器：

id选择器：不可重复

类选择器（可重复）

优先级

例外如果三种选择器同时存在，那么 ID选择器>类选择器>id选择器

超链接

标签：<a href="..."  target="..."></a>

属性：href: 指定资源访问的url

          target:指定在何处打开资源链接

          _self:默认值，在当前页面打开

          _blank: 在空白页面打开

CSS属性

text-decoration:规定添加到文本的修饰，none表示定义标准的文本

color:定义文本的颜色

text-indent: 设置首位缩进

line-height:设置行高

text-align: xxx  :  center 居中  left左对齐 right 右对齐

视频标签<video>

src: 规定视频的url

controls:显示播放控件

width:播放器的宽度

height:播放器的高度

音频标签<audio>

src:规定音频的url

controls:显示播放控件

换行，段落标签

换行：<br> ;  段落：<p>

文本加粗标签

<b><strong>

盒子

盒子的模型组成：

内容区域（content） 内边距区域（padding） 边框区域（border） 外边距（margin）

布局标签

标签： <div> <span>

特点：

    div标签：

            一行只显示一个

           宽度默认是父元素的宽度，高度默认由内容撑开

           可以设置宽高

   span标签

           一行可以显示多个

            宽度和高度默认由内容撑开

           不可以设置宽高

表格标签

标签                                  描述                                                      属性/备注

<table>                    定义表格整体，可以包裹多个<tr>              broder:规定表格边框的宽度 width：规定表格的宽度       cellspacing:规定单元之间的空间

 <tr>                         表格的行，可以包裹多个<td>

<td>                          表格单元格，可以包裹内容                       如果是表头单元格，可以替换为<th>

form表单属性

action:表单提交的url,往何处提交数据，如果不指定，默认提交到当前页面

method:表单的提交方式

   get:在url后面拼接表单数据

   post:在消息体中传递的，参数大小无限制的

<input>:表单项，通过type属性控制输入形似

<select>:定义下拉列表，<option>定义列表项

<textarea>:文本域