HTML（liuxin）

最新推荐文章于 2020-06-23 21:46:22 发布

菜鸟gb

最新推荐文章于 2020-06-23 21:46:22 发布

阅读量147

点赞数 1

分类专栏： Java学习文章标签：表单超链接排版

本文链接：https://blog.csdn.net/weixin_42738506/article/details/83387027

版权

Java学习专栏收录该内容

35 篇文章 0 订阅

订阅专栏

HTML
一、HTML简介
1.什么是HTML:用来描述网页的一门语言
1）HTML:超文本标记语言 Hyper Text Markup Language
2)HTML:不是编程语言而是标记语言
3)HTML:使用标记标签描述网页
超文本标记语言
超文本：普通文本实现不了的超文本可以实现。
超链接
标记：标签，不同的标签实现了不同的功能
语言：人与计算机交互的工具
2.HTML能干嘛？
    通过标签形成信息，将形成的信息展示给用户看
3.HTML的书写规范
HTML的结构
<html>
<head>
    包含咨询信息
</head>
<body>
   页面展示信息
</body>
</html>

二、HTML的基本标签
1.文件标签(结构标签)
<html>
<head></head>
<body></body>
</html>

属性：
text:文本颜色
bgcolor:背景颜色
background:背景图片

2.排版标签
1）注释标签内容
2）换行标签 <br/>
3)段落标签 <p></p>
   特点：
   段与段之间距离比较大
   属性
   align:对齐方式 left right center
   属性="属性值"
4)水平线标签
<hr/>
属性：
width:宽度
size:大小
color：颜色
align:对齐方式
   尺寸大小：
   像素：px
   百分比
   颜色：
   单词：red yellow
   三原色：rgb (0,0,0) 0-255
   进制：十六进制
   #ffffff 白色 #000000 黑色
   #ffffff 简写 #fff #ff00ff 简写 f0f

3.块级标签

<div></div> 行级块标签可以自动换行
<span></span>行内块标签
作用：
div+css布局
span:友好提示
4.文字标签

       <font></font>
       属性：
       color:颜色
       size:大小
               最大值：7
               最小值：1
       face:字型
       标题标签
       <h1></h1>
       <h6></h6>
       注意：
       标签依次减小默认加粗内置字号默认占一行
   5.列表标签
   1）无序列表
<ul>
<li></li>
<li></li>
<li></li>
</ul>
属性：
属性：type
属性值：disc实心圆 square circle
2)有序列表
orderlist
<ol>
<li></li>
<li></li>
<li></li>
</ol>
   属性：type
   属性值：1 A a I i
3)自定义列表
<dl>
<dt>标题</dt>
<dd>内容</dd>
<dd>内容</dd>
</dl>

6图像标签
       图像标签
       <img/>
       属性：src="链接地址" 相对绝对
       路径：./不写
       ../返回上一级
       alt:如果文件路径出错显示alt里的文字
       title=鼠标文字
       width:宽度
       height:高度
       border：边框
       align:对齐方式
       垂直对齐 top middle bottom
7.超链接标签
   超链接标签
   <a></a>
   属性：
   href:跳转页面地址
           地址：本地磁盘
           地址：http
           target:页面的打开方式
           _self本页面打开
           _blank:重新打开新的页面
           name:锚点
8表格
表格标签：
<table></table>
属性：
border:边框
width:宽度
height:高度
align:对齐方式
bgcolor:背景颜色
<tr>:行
<td>:列
<caption>标题标签
colspan:合并列
rowspan:合并行

作用： 1.简单实现表格样式
2.进行布局

三、HTML的表单（重要）
1.form标签
<form></form>
属性：
name:表单名称
action:提交路径
method:get post
get与post提交区别
1提交地址栏不同
get:D:/javaweb1809/day01/WebRoot/表单标签/1表单标签1.html?username=admin&password=123456
post:D:/javaweb1809/day01/WebRoot/表单标签/1表单标签1.html#
2.安全性
post比get更安全
3.get提交方式对数据大小有限制

2.input标签
语法：
<input type="" name="" value=""/>
type类型：
text：文本框
password:密码框
radio:单选按钮 name 限制为一组按钮 checked="checked"
checkbox:复选框 name 限制为一组按钮 checked="checked"
button:普通按钮
submit:提交按钮内置提交功能
reset:重置按钮内置一个重置功能
image:图片按钮 src="图片路径" 内置提交功能
file:文件域
hidden:隐藏域
3.select标签
<select name="">
<option value="" selected="selected">内容</option>
</select>
4.textarea标签
<textarea rows="3" cols="20" name="text" readonly="readonly">内容</textarea>

补充：面试题
post请求方式与get请求方式的区别
HTTP协议当中GET请求和POST请求的区别？(**********)WEB
(1).原理角度
   从浏览器当中直接输入网址就能够获取到对应的页面或者数据，一般都是GET请求。
       HTTP协议当中请求分为很多种：GET,POST,PUT,DELETE,HEAD.......
       一般把GET请求和HEAD请求称之为安全方法，因为这两种方式都不会改变服务器的数据，
       所谓的安全方法并不是什么动作都不会改变，仅仅是不会改变服务器的信息。
       POST是可能会修改服务器当中资源的请求，比如用户登录或者注册界面，这需要把用户的个人信息提交给服务器，
       然后服务器保存用户信息在数据库当中，服务器资源发生了改变，我们一般称之为“不安全方法”。
   (2).表现形式角度
       1.GET请求是把请求的数据附加到url地址之后，以“?”作为分割了url地址和传输的数据。如果有多个参数，通过"&"进行连接。
       URL的编码格式使用ASCII码进行编码的，也就是说所有的字符串在编码之后都进行了传输。
       2.POST请求会将请求的数据放入HTTP协议的body当中。
       简单来说：GET请求会把数据暴漏在地址当中，而POST请求则不会。
   (3).传输数据的角度
       对于GET请求，传输数据会受到url长度的限制。
       对于POST请求，因为不是通过URL来传递数据，所以理论上不会受到限制，但是实际操作时，
       各个服务器会规划收到数据的大小，对于收到数据进行了限制。
   (4).安全性角度
   POST请求的安全性比GET请求高一些，这个安全不是真正的安全，而是通过GET请求网络数据，比如提交个人信息。
       用户名和密码都会拼接到URL地址上，浏览器能够查询历史记录和缓存信息（Cookie），用户名和密码就很容易被获得，
       就很危险。而且GET请求提交的数据很容易被攻击。

菜鸟gb

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML（liuxin）

HTML一、HTML简介 1.什么是HTML:用来描述网页的一门语言 1）HTML:超文本标记语言 Hyper Text Markup Language 2)HTML:不是编程语言而是标记语言 3)HTML:使用标记标签描述网页超文本标记语言 ...
复制链接

扫一扫