JavaWeb-HTML

HTML（Hyper Text Markup Language）中文全名叫做超文本标记语言，超文本标记语言就是能够在文本内插入图片，音频，视频，超链接等。HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。

HTML的特点：

HTML标签不区分大小写，<h1>和<H1>是一样的。HTML的解析是从上至下的。HTML具有一定的容错性，也就是如果我们输入的代码有一部分是错误的，系统不会报错，反而会按照他自己的思维修改你的错误。

HTML骨架格式：

一个网页对应多个HTML文件，超文本标记语言文件以.htm为扩展名或.html为扩展名。可以使用任何能够生成TXT类型源文件的文本编辑器来产生超文本标记语言文件，只用修改文件后缀即可。

标准的超文本标记语言文件都具有一个基本的整体结构，标记一般都是成对出现（部分标记除外例如：<br/>），即超文本标记语言文件的开头与结尾标志和超文本标记语言的头部与实体两大部分。有三个双标记符用于页面整体结构的确认。

<!-- 页面中最大的标签 根标签 -->
<html>
    <!-- 头部标签 -->

    <head>     
        <!-- 标题标签 -->
        <title></title> 
    </head>

    <!-- 文档的主体 -->
    <body>
    </body>
</html>

常用标签

标题标签

使网页语义化（分为六个等级 <h1> 到 <h6>）

段落和换行标签

段落：

在网页中，要把文字有条理地显示出来，就需要将这些文字分段显示。在HTML标签中，标签用于定义段落，它可以将整个网页分为若干个段落。

<p>HTML的全称为超文本标记语言......</p>
<p>HTML文本是由HTML命令组成的描述性文本......</p>

强制换行:

<br/>

图像标签

<img src = "地址" alt = "替换文本" />

前面是标签，后面是属性

特殊字符和注释

<!-- 注释 -->

特殊字符：

空格	&nbsp;
<		 &lt;
> 	 &gt;
&	   &amp;
¥		 &yen;
©		 &copy
®		 &reg;
°		 &deg;
±		 &plusmn;
×		 &times;
÷		 &divide;
²（平方）	&sup2;
³（立方）	&sup3;

表格

<!-- 定义表格标签 -->
<table></table>
<!-- 定义表格行，必须嵌套<table></table>在中 -->
<tr></tr>
<!-- 定义表单元格，必须嵌套在<tr></tr>中 -->
<td></td>
<!-- 表头单元格 -->
<th>

列表

无序列表（重要）：

<ul>
<li>
    <ul>
        <li>RMB</li>
        <li>美刀</li>
        <li>英bang</li>
    </ul>

无序列表的各个列表项之间没有顺序级别之分，是并列的。
<ul></ul>中只能嵌套<li><li>，直接在<ul></ul>标签中输入其他标签或者文字的做法是不被允许的。
<li>与<li>之间相当于一个容器，可以容纳所有元素。
无序列表会带有自己的样式属性，但实际使用时，使用CSS设置。

有序列表：

与无序用法一样，只是分顺序

<ol>
<li>

自定义列表

<dl>
<dt>
<dd>
<!-- 例如 -->
<dl>
    <dt>关注我们</dt>
    <dd>新浪微博</dd>
    <dd>官方微信</dd>
    <dd>联系我们</dd>
</dl>

表单标签

在HTML中，一个完整的表单通常由表单域、表单控件（也称为表单元素)和提示信息3个部分构成。

表单域：

表单域是一个包含表单元素的区域

<from action="url地址" method="提交方式" name="表单域名称">
</from>

表单元素：

<dd>
    <label for="da">打豆豆</label>
    <input type="checkbox" id="da"/>
</dd>

<label>标签用于绑定一个表单元素当点击标签内的文本时,浏览器就会自动将焦点(光标转到或者选择对应的表单元素上,用来增加用户体验。

文本域标签

<textarea>当用户输入内容较多的情况下，我们就不能使用文本框表单了，此时我们可以使用<textarea>标签。

<textarea rows="5" cols="20">文本内容</textarea>

通过<textarea>标签可以轻松地创建多行文本输入框。
cols=“每行中的字符数”，rows=“显示的行数”，我们在实际开发中不会使用，都是用CSS来改变大小。