1、表单相关标签 ★★★★★

1.1、form表单标签

1、表单相关标签 ★★★★★

题外话：表单标签在整个JavaWeb开发中都占据了十分重要的地位，表单标签的应用贯穿了整个JavaWeb阶段，只要做项目就离不开此标签，因此这块内容必须掌握

input标签重点属性详解

1.2.3、type属性

type="radio",单选按钮

如何设置才能保证单选呢？拿性别举例，需要设置两个单选按钮，一个表示男，一个表示女，来做到单选的效果，如图：

正确设置示例：
男<input type="radio" name="sex" value="male" />
女<input type="radio" name="sex" value="female" />

错误设置示例1：
男<input type="radio" name="male" />
女<input type="radio" name="female" />
错误设置示例2：
男<input type="radio" name="sex" />
女<input type="radio" name="sex" />

1.3、select下拉列表标签

1.4、textarea文本域标签

1.5、div标签★★★★

2、表格标签★★★★

HTML表格由<table>标签以及一个或多个<tr>、<th>或<td>标签组成。

2.1、table标签

2.2、tr标签

tr标签用于定义行

2.3、td标签

<th>标签用于定义表头。单元格内的内容默认居中、加粗

<table border="1" width="400px" cellpadding="0" cellspacing="0">
  <tr>
    <th>1标题</th>
    <th>2标题</th>
    <th>3标题</th>
  </tr>
  <tr>
  	<td>1</td>
    <td>2</td>
    <td>3</td>
  </tr>

2.4、超链接标签a标签★★★★

<a>标签是超链接标签，是在HTML页面提供的一种可以访问其他位置的实现方式。

href：用于确定需要显示页面的路径(URL)
target:确定以何种方式打开href所设置的页面。常用取值：_blank、_self等
- _blank 在新窗口中打开href确定的页面。
- _self 默认。使用href确定的页面替换当前页面。

2.5、图片标签<img>

<img>在HTML页面中引用一张图片

src:指定需要显示图片的URL(路径) (必须掌握)。
alt：图片无法显示时的替代文本。
width：设置图像的宽度。
height：定义图像的高度。

3、CSS核心知识点

3.1、CSS样式规则

具体格式

选择器{
  属性1:属性值;
  属性2:属性值;
  ...
}

具体示例

<style>
  h2{
    color:red;
    font-size:100px;
  }
</style>

注意事项
- CSS样式"选择器"严格区分大小写，"属性"和"属性值"不区分大小写。
- 多个属性之间必须用英文状态下的分号隔开，最后一个属性后的分好可以省略，但是，为了便于增加新样式最好保留。
- 如果属性的值由多个单词组成且中间包含空格，则必须为这个属性值加上英文状态下的引号。

3.2、引入CSS样式★★★

行内样式
```
<a style="color:#f00;font-size:30px;">ss273</a>
```
- 通过在标签内部的style属性来设置元素的样式。
- 行内样式通过标签的属性来控制样式，这样并没有做到结构与表现(HTML展示结构、CSS显示效果)相分离，所以一般很少使用。不推荐。
内部样式
```
<style type="text/css">
  body{
    background-color:#ddd;
  }
</style>
```
- 内嵌式CSS样式只对其所在的HTML页面有效，对其他页面无效，因此他不能充分发挥CSS代码的重用优势。

外部样式

<link rel="stylesheet" type="text/css" href="css/demo00.css" />

3.3、选择器

元素选择器
- 即用标签名如a、div、table、h1等做选择器
```
h1{
  color:#F00;
  font-size:50px
}
```
id选择器
- 给标签设置id后用#id的方式选择标签
```
#demo1{
  color:#0f0;
}
<h1 id="demo1">Java--ss273</h1>
```

类选择器

给标签设置class后用.class的方式选择标签

.myClass{
  font-size:25px;
}
<h1 class="myClass">Java--ss273</h1>

3.4、转换：display

HTML 提供丰富的标签，这些标签被定义成了不同的类型，一般分为：块标签和行内标签。

块标签：以区域块方式出现。每个块标签独自占据一整行或多整行。
- 常见的块元素：<h1>、<div>、<ul>等
行内元素：不必在新的一行开始，同时也不强迫其他元素在新的一行显示。
- 常见的行内元素:<span>、<a>等。
常见属性值：
- inline：此元素将显示为行内元素(行内元素默认的display属性值)
- block：此元素将显示块元素(块元素默认的display属性值)
- none：此元素将被隐藏，不显示，也不占用页面空间