HTML

标签

<head>:头标签,用于定义页面说明型或者功能型信息。如字符集、引入css样式、引入javascript功能等

 <body>:身体标签,用于定义页面的展示型信息

<html>:相当于java类      类的大括号,把html的所有代码包裹起来

注解标签

格式:<!--注解内容-->

特点:浏览器不显示,查看源码可见;不能嵌套。

标题标签

用于修饰标题

包含:<h1>、<h2>、<h3>、<h4>、<h5>、<h6>,h1最大,h6最小

特点:独占一行

水平线标签

<hr/>

用于在页面创建一条水平分割线,也会自动换行

属性:

字体标签

<font>

用于设置字体大小和颜色

属性:size、color

字体格式化标签

粗体:<b><b/>

斜体:<i><i/>

段落格式化标签

<p><p/>

属性:align(对齐方式)

换行标签

<br/>

空格标签

&nbsp;

图片标签

<img/>

属性:路径中的“../”代表向上一级,“./”代表当前目录

列表标签

<ol>:有序列表标签      type可取值:A、a、I、i、1等

<ul>:无序列表标签     type取值:disc实心圆、square方块、circle空心圆

<li>:列表项

超链接标签

<a><a/>

超链接需要能够点击的前提:

标签必须有内容体、必须有href属性

属性:

表格标签

作用:1、用来展示数据    2、用来进行页面布局(一般用div标签布局)

表格的结构标签:

常用表格属性:

例子:设置一个三行三列的表格,其中第一行跨三列

显示结果:

框架标签

<frameset>:是框架设置布局标签,专门用于页面的布局和划分。和<body>可以相互代替,不能共存。

frameset属性:

<frame>标签:是<frameset>的子标签,用于页面的引入

frame属性:

块标签

<span>:行级的块标签,用于在效果中 一行上定义一个块,进行内容显示。

1、span有多少内容,就占多大空间    2、不会自动换行

<div>:块级块标签,用于在效果中 定义一块,默认占满一行,进行内容的显示

1、默认占满一行,自动换行

这两个标签的应用场景:

div:        span:

表单标签

<form>

作用:用于将客户端浏览器的数据提交给服务器,一切需要提交数据的场景都会使用到表单

 写法:

<form>: 注意和<from>写法上的区别        表单是个容器,在页面不显示 

<input>:表单输入项标签,标签用于获得用户输入信息,type属性值不同,会成为不同的组件。最常用的标签

input属性:

input-type的属性值说明:

表单输入标签之下拉列表标签

  1. <select> 定义一个下拉列表。可以进行单选或多选。
  2. <option>定义一个下拉列表的列表项。

select属性:

option属性:

表单输入项标签之文本域标签

<textarea></textarea>:文本域标签,可支持用户输入并提交大量纯文字数据

属性:name,组件名,如果需要下拉选择框数据提交到服务器,必须提供name属性

扩展:

Textarea和input框的区别:

  1. textarea  可以输入大量数据,而input仅可输入少量数据
  2. Textarea 提交参数的值是内容体之间的数据,input提交的value属性的值

<form>表单标签常用属性:

扩展

Get和Post的区别:

  1. get提交的数据是在地址栏上显示(默认是get方式); Post: 提交的数据在请求体中
  2. 安全性方面     get因为在地址栏暴露了数据,所以不安全;Post 相对安全
  3. 提交数据量方面   使用get提交的数据有上限(提交数据量小的); post提交数据无上限     文件上传:po  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值