如何学习HTML

创建Web项目
项目说明:
1、java Resources:java源文件
2、WebContent:网页内容
html、css、js、jsp、资源、配置文件等




HTML:Hyper Text Markup Language超文本标记语言
作用:
标记描述网页内容
语法规则:
1、不区分大小写
2、固定标签
3、标签成对出现,单标签
4、标签可以嵌套使用
5、属性的值必须使用双引号




HTML中属性,一般不建议使用
属性名称固定,属性的值都需要使用双引号


网页中颜色:
1、rgb(r,g,b)
2、#xxxx
3、英文单词
网页中单位:
1、数字或数字px
2、数字%:占用屏幕的比例
网页中注释
<!--注释内容-->
路径:
1、相对路径
不带盘符的路径,相对,一般都是相对当前项目
2、绝对路径
带盘符的路径,又叫物理路径




一、文档标签:
1、<!DOCTYPE> 该标签告知浏览器文档所使用的 HTML 规范
2、<html>标签告知浏览器这是一个 HTML 文档。
html 元素是 HTML 文档中最外层的元素。
html 元素也可称为根元素
3、<head>不会出现在网页正文中
4、<meta>出现在<head>可以标记编码格式、刷新、作者、描述、搜索关键字等
5、<body>网页正在内容
常用标签都是出现在<body>中




二、文字标签
1、<title>出现在<head>中,网页标题
2、<h1>-<h6>标题,从1-到6逐渐变小
3、<font> 规定文本的字体、字体尺寸、字体颜色


三、列表标签
1、<ul>无序标签,前面没有序号,属性:type:可以更改列表签名的符号
2、<li>列表中元素标签
3、<ol>有序标签,前面有序号,属性:start:起始的值,type:类型,数字、字母等


四、块标签
1、<span>行内块标签
2、<p>段落,默认换行
3、<div>块,将网友分割成若干部分,常用属性:align:对齐方式,left\right\center


五、表格标签
1、<table>表格,一般有行和列组成
常用属性:
1、width:宽度
2、border:边框的宽度
3、bgcolor:背景色
4、cellspacing:表格之间的间距--外边距
5、cellpadding:表格内容的间距--内边矩
2、<tr>:行,内部只能出现<th>或<td>
常用属性:
1、align:对齐方式,内部元素的对齐
3、<th>列的标题,出现在tr中,表头单元格
4、<td>列,数据单元格
常用属性:
1、colspan:跨列,切记要包含自己
2、rowspan:跨行
th和td的区别?
th就是内部文字:加粗、居中
td内部文字正常。居左


5、<caption>表格的标题
6、<thead>表格的头部,一般内部存放<th>
7、<tbody>表格的内容,一般存储数据
8、<tfoot>表格的底部


六、表单标签
1、<form>:表单标签,可以搜集用户的信息并提交给指定的服务器
2、<input>:用户输入标签
常用属性:
1、type:类型
取值:
text:文本框
password:密码框
checkbox:复选框,可以选择多个
radio:单选框,只能选择其一,但是要求拥有相同的name
button:按钮
submit:提交,结合<form>表单,将表单内的数据提交给action
reset:重置,结合<form>表单,清空表单的内容


2、name:为当前的标签命名,将来获取标签数据时,会用到
3、class:为当前标签起个类名,主要用在CSS中
4、value:值,标签的值,主要用在按钮上
5、checked:是否选中,h4支持checked,h5支持true或false
3、<select>:下拉框,实现多个元素的单选或复选,需要结合<option>使用
常用属性:
multiple:是否多选
name:名称
disabled:是否可用
4、<textarea>文本域,可以输入多行和多列数据
常用属性:
1、rows:行数
2、cols:列数


七、图像&超链接标签
1、<img>图片
常用属性:
1、alt:鼠标进入时的文字
2、src:加载的图片路径
3、width:设置图片的宽度
4、height:设置图片的高度
2、<a>超链接标签,可以跳转到指定的url
常用属性:
1、href:要打开的路径
2、name:名称


八、框架标签
1、<frameset>框架集合标签,主要用来包括框架的标签
常用属性:
1、cols:内部框架按照宽进行排布
2、rows:内部框架按照高度进行排布
2、<frame>框架,引用其他网页
常用属性:
1、src:要加载的路径
2、scrolling:滚动条的样式,取值:yes 、no 、auto 


九、HTML的特殊字符
1、< &lt;
2、> &gt;
3、空格 &nbsp;
4、版本编号 &copy;


十、H5新增标签
1、<video>视频,可以在网页播放视频
格式:
<video src="movie.ogg" controls="controls">
</video>
2、<audio>音频
3、<canvas>画布
可以绘制2d或3d图
切记画布需要结合js使用






form表单的get提交和post提交的区别
HTTP协议的get请求和postde 区别
get:得到,将传递的参数随着url进行传输
特点:
1、大小有限制
2、不安全,拼接url
3、中文乱码,url编码为ISO-8859-1(不支持中文)
4、效率高
post:传输,将传递的参数以流的形式传输
特点:
1、大小无限制
2、安全
3、乱码好解决
4、效率低






十一、其他标签
1、<br/>换行
2、<hr/>分割线
3、&nbsp;一个空格
  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值