HTML

*是个啥
HTML是一种超文本语言,用来告诉浏览器如何构造网页


*基本格式

<html>   
          
	 <head>                    
	 	<title>  标题  </title>            
	 </head>  
	            
	 <body>
	 
		 *主要内容*               
	
	 </body>      
	 
</html>  

一些注释:

*HTML标签不区分大小写,但建议采用小写。

*<html>为起始标签,</html>为结束标签,代码中的 <head></head>,<head></head>,<boby></boby>等同理。

*<html>称为根标签,创建一个html文档,所有的网页标签都是在这个标签里面。

*<head>标签可以用来设置文档标题和其它在网页中不显示的信息。(头部元素有<title>、<script>、<style>、<link>、<meta>等标签。)

*<title>放网页标题信息,在搜索引擎里面看到的搜索结果,或者在网页标题栏看到的信息。

*<body>通常包裹用来放真正要渲染给用户看到的内容。比如说<h1>标题文字 </h1>,<p>&段落文字lt;/p>

补充一点:通常还会在最上端看到<!DOCTYPE html>,这个是用来解释文档类型,它的目的是为了兼容一些很老的网页。比如<!DOCTYPE html>就指的是这是一个html的文档。


*html标签整理

***字体 :***
<h1></h1> 最大的标题
、、、、、、
<h6></h6> 最小的标题
<pre></pre> 预先格式化文本          
<u></u> 下划线
<b></b> 黑体字    
<i></i> 斜体字    
<tt></tt> 打字机风格的字体
<cite></cite> 引用,通常是斜体        
<em></em> 强调文本(通常是斜体加黑体)
<strong></strong> 加重文本(通常是斜体加黑体)
<font size="" color=""></font> 设置字体大小从1到7,颜色使用名字或RGB的十六进制值
<BASEFONT></BASEFONT> 基准字体标记
<big></big> 字体加大
<SMALL></SMALL> 字体缩小        
<STRIKE></STRIKE> 加删除线      
<SAMP></SAMP> 范例    
<BLOCKQUOTE></BLOCKQUOTE> 向右缩排
mp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效)
<plaintext>...</plaintext>固定宽度字体(不执行标记符号)   
<listing>...</listing> 固定宽度小字体  
<font color=00ff00>...</font>字体颜色  
<font size=1>...</font>最小字体  
<font style ='font-size:100 px'>...</font>无限增大 

***段落***
<hr>水平线 
<hr size=’9’>水平线(设定大小)  
<hr width=’80%’>水平线(设定宽度)  
<hr color=’ff0000’>水平线(设定颜色)
<br>(换行)  
<nobr>...</nobr>水域(不换行)  
<p>...</p>水域(段落)  
<center>...</center>置中 

**图片和表格**
<img src=图片位址>贴图  
<img src=图片位址 width=’180’>设定图片宽度  
<img src=图片位址 height=’30’>设定图片高度  
<img src=图片位址 alt=’提示文字’>设定图片提示文字  
<img src=图片位址’ border=’1’>设定图片边框  

<table aling=left>...</table>表格位置,置左 
<table aling=center>...</table>表格位置,置中 
<table background=图片路径>...</table>背景图片的URL=就是路径网址  
<table border=边框大小>...</table>设定表格边框大小(使用数字)   
<table bgcolor=颜色码>...</table>设定表格的背景颜色  
<table borderclor=颜色码>...</table>设定表格边框的颜色   
<table borderclordark=颜色码>...</table>设定表格暗边框的颜色   
<table borderclorlight=颜色码>...</table>设定表格亮边框的颜色   
<table cellpadding=参数>...</table>指定内容与格线之间的间距(使用数字)  
<table cellspacing=参数>...</table>指定格线与格线之间的距离(使用数字)  
<table cols=参数>...</table>指定表格的栏数  
<table frame=参数>...</table>设定表格外框线的显示方式  
<table width=宽度>...</table>指定表格的宽度大小(使用数字)   
<table height=高度>...</table>指定表格的高度大小(使用数字)   
<td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字)  
<td rowspan=参数>...</td>指定储存格合并列的列数(使用数字)

<ul></ul>包含所有的列表内容 (无序列表)      
 <li></li>每一个列表内容


***链接***
<a href="URL"></a> 创建超文本链接 
 <a herf="URL"  target="_blank"></a>链接在新窗口打开
<a href="mailtEMAIL"></a> 创建自动发送电子邮件的链接  
<a name="name"></a> 创建位于文档内部的书签
<a href="#name"></a> 创建指向位于文档内部书签的链接
<BASE> 文档中不能被该站点辨识的其它所有链接源的URL
<LINK> 定义一个链接和源之间的相互关系 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值