2022-07-09 day02 第一小组 王鸣赫

HTML：HTML是用来描述网页的一种语言
超文本标记语言。动画。音频，视频，特效，超链。
用标签来定义网页

html：文档的根标签
head：头，标签处。
title：适配搜索引擎。meta charset=utf-8
link：链接css的，引入css样式
style：定义css样式
script：定义js，也可以引入js

body：身体。目前来说在网页上看见的所有的东西都是body里的

浏览器有一个功能：纠偏

基本标签：
h1~h6：标题标签，字体变大，变粗，变黑，上下空一行
p：段落，上下空一行
br：换行，一个br就是一个回车。

文本格式化标签：

超级链接：a（重要）
href：要去的地方
http地址（完整域名）:带有http或https的完整网址
默认的方式去到当前项目下某一个页面（地址）
../：返回上一级目录
./：当前目录（不需要写）
target：目标。怎么打开目标地址
_blank：在新窗口打开
_self：在当前窗口打开（默认）
_parent、_top：在父容器（顶级父容器）打开
title：标题，当鼠标悬停在标签上出现的提示文字
图片：img
src：图片的路径
height、width：宽和高（尽量指定一个属性，等比例缩放）
title：
alt：图片无法正常加载的提示文字
align：对齐方式

区块/空白：
div：块。立方体，可以有宽高
span：行。没有宽和高。尺寸是根据内容确定
无序列表：
<ul>
<li></li>
</ul>
有序列表：
<ol>
<li></li>
</ol>

自定义列表：
<dl>
<dt></dt>
<dd><dd>
</dl>
表格：一组标签
table>tr>td
<table border="1" cellspacing="0" cellpadding="10" bgcolor="yellow" align="center" height="500" width="500">

框架：ifream
src：目标页面的路径

转义字符（实体）：
&lt;&gt;&nbsp;&copy.....

<hr>水平分割线

表单元素：提交数据
form：
action：数据的提交地址

 

注释：
<!-- -->
提交和重置按钮，只能控制和他们在同一个form标签内的元素

所有的文本框的内容都是它的value属性

前后端交互的事情，
浏览器开发者工具的使用

id：每个HTML元素的唯一（不能重复）标识

表单提交的数据格式：username=admin等号左边是表单元素的name属性，右边是表单元素的value属性

method：
get：提交的数据都会显示在地址栏，不安全，地址栏长度是有限制的。
post：提交的数据是不显示在地址栏，封装一个请求体，长度也没有限制了。

分为两大类：
1、行级元素：不能自己换行。
2、块级元素：可以自己换行。

 

 

 <form action="#" method="post">

                    <table>

                        <tr>

                            <td class="td_left"><label for="username">用户名</label></td>

                            <td class="td_right"><input type="text" name="username" id="username" placeholder="请输入用户名"></td>

                        </tr>

   

                        <tr>

                            <td class="td_left"><label for="password">密码</label></td>

                            <td class="td_right"><input type="password" name="password" id="password" placeholder="请输入密码"></td>

                        </tr>

   

                        <tr>

                            <td class="td_left"><label for="email">Email</label></td>

                            <td class="td_right"><input type="email" name="email" id="email" placeholder="请输入邮箱"></td>

                        </tr>

   

                        <tr>

                            <td class="td_left"><label for="name">姓名</label></td>

                            <td class="td_right"><input type="text" name="name" id="name" placeholder="请输入姓名"></td>

                        </tr>

   

                        <tr>

                            <td class="td_left"><label for="tel">手机号</label></td>

                            <td class="td_right"><input type="text" name="tel" id="tel" placeholder="请输入手机号"></td>

                        </tr>

   

                        <tr>

                            <td class="td_left"><label>性别</label></td>

                            <td class="td_right">

                                <input type="radio" name="gender" value="male"> 男

                                <input type="radio" name="gender" value="female"> 女

                            </td>

                       </tr>

   

                        <tr>

                            <td class="td_left"><label for="birthday">出生日期</label></td>

                            <td class="td_right"><input type="date" name="birthday" id="birthday" placeholder="请输入出生日期"></td>

                        </tr>

   

                        <tr>

                            <td class="td_left"><label for="checkcode" >验证码</label></td>

                            <td class="td_right"><input type="text" name="checkcode" id="checkcode" placeholder="请输入验证码">

                                <img id="img_check" src="images/verify_code.jpg">

                            </td>

                        </tr>

   

   

                        <tr>

                            <td colspan="2" align="center"><input type="submit" id="btn_sub" value="注册"></td>

                        </tr>

                    </table>

   

                </form>