【JavaWeb】HTML-入门-CSDN博客

本文链接：https://blog.csdn.net/weixin_57981699/article/details/118481392

1_基本结构：

<html>
    <head>
		<title>标题</title>
    	<script>脚本等</script>
	</head>
    <body>
        网页内容
    </body>
</html>

2_特殊字符和转移字符

字符	含义
<	<
>	>
"	"
&	&
	空格

3_常用标签

<!--注释内容-->
<style></style>写CSS或引入CSS文件
<script></script>写Javascript或引入Javascript文件
<h1>到<h6>标题，数字表示标题级数
<p>段落
<div>定义文档中的结构
<span>和<div>基本类似，区别是默认不换行
<br/>换行
<hr/>定义一条水平线

4_超链接

<a href="">显示内容</a>
name="锚名称"
href="#锚名称"
target=""
_slef:表示自身,默认;
_blank:新窗口;
_top:顶层框架;
_parent:父框架;

5_列表

有序：
<ol>
    <li></li>
</ol>
无序：
<ul>
   <li></li>
</ul>
自定义：
<dl>
<dt>列表标题</dt>
<dd>列表项</dd>
</dl>

6_图片标签

\<img>

必需属性：src和 alt

src:指定图片文件所在位置

alt:当图片不能显示时的提示信息

height/width:指定图片的高度/宽度，可以是像素值或百分比

7_表格标签

<table>
    <tr>行
        <th>表格标题</th>
        <th></th>
    </tr>
    <tr>
    	<td></td>
        <td></td>
    </tr>
</table>
表格分层
<thead></thead>
<tbody></tbody>
<tfoot></tfoot>

8_表单标签

form常用属性

action：表单数据提交到的地址
method：表单提交时的请求类型（get/post）
enctype：指定表单数据的编码方式，有三个值：

值	描述
application/x-www-form-urlencoded	在发送前编码所有字符（默认）
multipart/form-data	不对字符编码。在使用包含文件上传控件的表单时，必须使用该值
text/plain	空格转换为”+“加号，但不对特殊字符编码

8_1_input标签

type属性指定类型：

单行文本框：text
密码输入框：password
单选框：radio
复选框：checkbox
隐藏域：hidden
文件上传域：file
无动作按钮：button
提交按钮：submit

name：指定input标签的名字，没有设置name属性的标签不能提交数据；

value：指定input标签的初始值

checked：设置单选框/复选框的初始状态是否选中

8_2_select标签

select属性：

multiple=”multiple"表示可以选中多个
size="x"表示同时显示x个

使用option作为子标签

option属性：

select="selected"默认选中

<select>
    <option value="gz">广州</option>
    <option value="sz">深圳</option>
</select>

8_3_textarea标签

文本域标签：录入多行多列数据

<textarea cols="50" rows="5"></textarea>