2021-07-16

最新推荐文章于 2021-11-10 17:26:45 发布

The Straight

最新推荐文章于 2021-11-10 17:26:45 发布

阅读量59

点赞数 1

文章标签： html5

本文链接：https://blog.csdn.net/qq_35917517/article/details/118784569

版权

软件架构

**B/S **：Browser Server
网页游戏、网站之类的都是基于web的
**C/S **：Client Server
客户端的，网络游戏、单机游戏，端游，需要部署一份在用户的主机上

HTML

书写规范

<html lang="en">

代表英语，可以改为zh_CN

<!DOCTYPE html><!-- 这是HTML的注释格式-->
<html lang="zh_CN"><!-- 语言为中文>< ! -- html标签表示htmL的开始Lang="zh_CN"表示中文 htmL标签中—般分为两部分,分别是:head和body-->
<head>
    <!--表示头部信息，一般包含三部分内容,title标签, css样式,js代码 -->
    <meta charset="UTF-8">
    <title>Title!</title>
</head>
<body onclick="alert('消息弹窗')" bgcolor="aqua">

<hr>Nice!
<button>OK</button><br/>
12345678
</body>
</html>

常用标签

字体标签
需求1:在网页上显示我是字体标签，并修改字体为宋体，颜色为红色。
font标签是字体标签,它可以用来修改文本的字体,颜色,大小(尺寸)
coLor属性修改颜色
face属性修改字体size属性修改文本大小

特殊标签

< > 空格等符号有特殊有意义
有类似于转义字符的作用，但是在前端里叫做实体编码

标题标签

就是markdow里面的1~6级标签

左对齐

居中

超链接

<a href="www.baidu.com" target="_self">百度</a><br/>
<a href="www.baidu.com" target="_blank">百度</a><br/>

列表标签

无序列表、有序列表

图片标签

绝对路径：http://ip:port/工程名、资源路径
报错信息

表格标签

table标签

table标签是表格标签

border设置表格标签

width 设置表格宽度

height设置表格高度

align设置表格相对于页面的对齐方式

tr是行标签

th是表头标签td是单元格标签

align设置单元格文本对齐方式

b是加粗标签

colspan属性设置跨列

rOwspan属性设置跨行

iFrame框架标签（内嵌窗口）

ifarme标签可以在页面上开辟一个小区域显示一个单独的页面
ifarme和a标签组合使用的步骤:

在iframe标签中使用name属性定义一个名称
在a标签的target属性上设置iframe的name的属性值

<iframe src="3.标题标签.html" width="500" height="400” name="abc"></iframe><br/>
<ul>
<li><a href="e-标签语法.htm1" target="abc">e-标签语法.html</a></li>
<li><a href="1.font标签.html" target="abc">1.font标签.html</a></li>
<li><a href="2.特殊字符.htm1" target="abq">2.特殊字符.html</a</li></ul>

这样点击链接，就可以用iframe小窗口显示连接内的网址、内容

表单内容（重点）

就是填表，收集信息
form标签就是表单

input type=text 文件输入框 value设置默认显示内容
input type=password 是密码输入框 value设置默认显示内容
input type=radio 是单选框 name属性可以对其进行分 checked="checked"表示默认选中
input type=checkbox 是复选框 checked="checked"表示默认选中
input type=reset 是重置按钮 value属性修改按钮上的文本
input type=submit 是提交按钮 value属性修改按钮上的文本
input type=button 是按钮 value属性修改按钮上的文本
input type=file 是文件上传域
input type=hidden是隐藏域当我们要发送某些信息，而这些信息，不需要用户参与，就可以使用隐藏域（提交的时候同时发送给服务器)
select 标签是下拉列表框
option 标签是下拉列表框中的选项selected="selected"设置默认选
textarea 表示多行文本输入框（起始标签和结束标签中的内容是默认值)
rows 属性设置可以显示几行的高度
cols 属性设置每行可以显示几个字符宽度

其实需要把表单，放在表格里，即放在《tabl》《tabl》可以帮助自动对齐

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
 <form>
    <table align="center">
    <tr>
        <td>用户名</td>
        <td>
            <input type="text" value=“默认值" ><br/><br/>
        </td>
    </tr>
    <tr>
        <td>用户密码:</td>
        <td><input type="password" value="abc" /><br/><br/></td>
    </tr>
    <tr>

        <td>性别:</td>
        <td><input type="password" value="abc"/><br/><br/></td>
    </tr>
    <tr>
        <td>确认密码:</td>
        <td> <input type="radio" name="sex"  checked=" checked" />默认
             <input type="radio" name="sex" />男
             <input type="radio" name="sex"/>女<br/>
        </td>
    </tr>
    <tr>
        <td>兴趣爱好:</td>
        <td>
            <input type="checkbox" checked="checked"/>Java
            <input type="checkbox" />javaScript
            <input type="checkbox"/>C++
            <br/>
        </td>
    </tr>
    <tr>
        <td>国籍:</br></td>
        <td> <select>
            <option>--请选择国籍--</option>
            <option selected="selected">中国</option>
            <option>美国</option>
            <option>小日本</option></select><br/></td>
    </tr>
    <tr>
        <td>
            自我评价:
        </td>
        <td>
            <textarea rows="2" cols="20">我才是默认值</textarea><br/><input type="reset" value="abc"/>
        </td>
    </tr>

    <tr>
        <td>
            <input type="file"/>
        </td>
    </tr>

    <tr>
        <td>
            <input type="submit"/>
            <input type="hidden" name="提交" value="abc value"/>
        </td>
    </tr>
    </table>
 </form>
</body>
</html>

在这里插入图片描述

表单发送给服务器

对于发给服务器的方式（method）：get post
GET请求的特点是:

浏览器地址栏中的地址是:action属性[+?+请求参数] 请求参数的格式是:name=value&name=value
不安全，内容显示在地址栏
它有数据长度的限制

POST请求的特点是:

浏览器地址栏中只有action属性值
相对于GET请求要安全
理论上没有数据长度的限制

form标签是表单标签
action属性设置提交的服务器地址
method属性设置提交的方式GET(默认值)或POST
表单提交的时候，数据没有发送给服务器的三种情况:

表单项没有name属性值
单选、复选（下拉列表中的option标签）都需要添加value属性，以便发送给服务器
表单项不在提交的form标签中

1、Option内容，需要加value，如选择性别的时候，<>内部记得加上 value =
“girl”,否则发送过去的就是On/Off状态，压根不知道选了啥内容

2、表单项，记得在<>内部都有name，否则不知道是啥东西 3、记得一切要提交的内容，都是得要在form内

4、对于单选、复选，name 代表类别，如男女都是name = sex,value = girl/boy

对于div、span和p

《p》《/p》是让内容独自成段
span：被用来组合文档中的行内元素。span没有固定的格式表现。当对它应用样式时，它会产生视觉上的变化。
div：称为区隔标记。作用是设定字、画、表格等的摆放位置。当你把文字、图象，或其他的放在 DIV 中，它可称作为“DIV block”，或“DIV element”或“CSS-layer”，或干脆叫“layer”。而中文我们把它称作“层次”。
块级元素，

可定义文档中的分区或节（division/section）。标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。如果用 id 或 class 来标记，那么该标签的作用会变得更加有效。

The Straight

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
2021-07-16

软件架构**B/S **：Browser Server网页游戏、网站之类的都是基于web的**C/S **：Client Server客户端的，网络游戏、单机游戏，端游，需要部署一份在用户的主机上HTML书写规范<html lang="en">代表英语，可以改为zh_CN标签<!DOCTYPE html><html lang="zh_CN"><!-- 语言为中文>< ! -- ht
复制链接

扫一扫