首页 > 代码库 > HTML

HTML

2024-08-13 13:26:47   212人阅读

HTML简介：超文本标记语言。用来制作静态页面。 .html .htm
 
 
HTML结构标签：
根标签：<html></html> 头标签：<head></head> 体标签：<body></body>
 
 
HTML的字体<font>标签：
基本使用：
<font>我是HTML!</font> <br/>
<font color="red">我是HTML！</font><br/>
<font color="#FF0000" size="1">我是小红！</font><br/>
<font color="#00FF00" size="7">我是小绿！</font><br/>
<font color="#0000FF" size="100">我是小蓝！</font><br/>
属性：
color属性 : 字体颜色* 英文单词设置:black,red,green,blue... * 使用16进制数设置:#FFFFFF , #FFF
size属性 : 字体的大小
face属性 : 字体
 
 
HTML的排版标签：
标题<h>标签：<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
段落<p>标签： <p>
一段内容
</p>
<p>
一段内容
</p>
字体加粗<b>标签： <b>我是HTML</b>
字体斜体<i>标签 ： <i>我是HTML</i>
字体下划线<u>标签：<u>我是HTML</u>
居中<center>标签： <center>我是HTML</center>
 
 
tips：
HTML有标准：
HTML4 ： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
HTML5 : 支持视频播放,支持CSS3,支持定位,扩展标签... <!DOCTYPE html>
<pre>标签：原生标签.
<hr/>标签：横线.
 
 
HTML的图片<img>标签：
属性 : src : 图片的来源 width : 图片的宽度 height:图片的高度 alt :图片找不到显示的内容
图片的引入的路径问题 : (相对路径)
如果引入的图片和html文件在同一级路径。直接写文件名或者./文件名
<img src="http://www.mamicode.com/cs10006.jpg" />
<img src="http://www.mamicode.com/cs10006.jpg" />
如果引入的图片在html文件的上一级路径 : <img src="http://www.mamicode.com/cs10006.jpg" />
如果引入的图片在html文件的下一级路径 : <img src="http://www.mamicode.com/img/cs10006.jpg" />
example：<img src="http://www.mamicode.com/logo2.png" height="50" width="200"/>
 
 
HTML的列表标签：
有序列表：<ol>
<li></li>
</ol>
无序列表：<ul>
<li></li>
</ul>
 
 
HTML的超链接<a>标签：
href : 链接的路径 target : 打开的方式 _self : 在自身页面打开 _blank : 新打开一个窗口
example：<ul>
<li><a href="http://www.mamicode.com/网站信息页面的显示.html"</a></li>
<li><a href="http://www.baidu.com" target="_self">百度</a></li>
</ul>
 
 
tips：
无序列表的属性 : disc：实心点 circle：空心圆 square ：方块.
有序列表的属性 : 1：数字类型 a：英文类型 i：罗马字符 start属性:从哪开始
 
 
HTML的表格<table>标签：<table>
<tr>
<td></td>
<td></td>
</tr>
</table>
<td>的属性: colspan=”列数” rowspan=”行数”
属性:width : 表格宽度 height:表格高度 border:边框 align : 表格水平位置:left、center、right
 
 
HTML的表单<form>标签：
action属性：提交的路径。默认提交到当前页面
method属性：请求的方式（GET和POST，默认是GET）
tips：GET和POST方式的区别？
GET：数据会显示到地址栏中，GET方式提交是没有大小限制的
POST：数据不会显示到地址栏中，POST方式提交时没有大小限制的
HTML中表单元素：
<input type=”text”> : 文本框
常用属性 : name : 表单元素的名称.必须有name属性，然后后台才可以接收数据
value : 文本框的默认值
size : 文本框的长度
maxlength : 文本框输入的最大长度
readonly : 只读文本框
 
<input type=”password”> : 密码框
常用属性: name : 表单元素的名称.必须有name属性，然后后台才可以接收数据
value : 密码框的默认值
size : 密码框的长度
maxlength : 密码框输入的最大长度
 
<input type=”radio”> : 单选按钮
常用属性 : name : 表单元素的名称.必须有name属性，然后后台才可以接收数据
value : 单选按钮的默认值
checked : 单选按钮默认被选中
 
<input type=”checkbox”> :复选按钮.
常用属性 : name : 表单元素的名称，必须有name属性，然后后台才可以接收数据
value : 单选按钮的默认值
checked : 单选按钮默认被选中
 
<input type=”button”> : 普通按钮，没有任何功能的按钮
<input type=”submit”> : 提交按钮
<input type=”reset”> : 重置按钮
<input type=”file”> : 文件上传的表单项
<input type=”hidden”> : 隐藏字段
<input type=”image”> : 图片按钮
<select> : 下拉列表
<textarea> : 文本域
 
 
tips：HTML5扩展的表单标签（HTML5不是所有的浏览器都支持）
<input type=”email”> <input type=”date”>
<input type=”number”> <input type=”color”>、
 
 
HTML的框架<frameset>标签：
框架标签:<frameset >,标签与body标签是冲突,有frameset就可以没有body
属性 : rows cols
使用<frame>标签，frame代表切分的每个部分
 
 
HTML特殊字符的标签： 空格:&nbsp <:&lt >:&gt

HTML


联系
我们