大前端 HTML基础

<br/>标签用于换行转置
<hr>标签用于水平线设置
align属性值:center(居中对齐)
				left(居左对齐)
				justify(两端对齐,使每行都可以有相等的长度)
				right(居右对齐)
				在HTML页面中显示空格,正确写法:&nbsp
				
<b>标签用于文字加粗设置
<ins>标签用于下划线设置
<i>标签用于斜体设置
<sub>标签用于下标设置
<sup>标签用于上标设置
<pre></pre>标签用于预格式设置
<h1>标签用于标题设置,从h1~h6,从大到小,最大<h1>,最小<h6>

在<p>标签中,使用<br/>的位置,后面文字另起一段

&lt:在页面上表示的是左尖括号“<”;
&gt:在页面上表示的是右尖括号“>”;
无序列表     <ul> 
   	     	<li> 列表项</li>
		<li> 列表项</li>
		......
	     </ul>
无序列表的type属性值:		disc---圆点
		     		square---正方形
		     		circle---空心圆

有序列表:	<ol>
			<li> 列表项</li>
		        <li> 列表项</li>
                        ......
 	         </ol>

有序列表的type属性值:		1---数字1,2,......
				a---小写字母a,b......
				A---大写字母A,B......
				i---小写罗马数字i
				I---大写罗马数字I

定义列表:	<dl>
			<dt>定义列表项</dt>
			<dd>列表项描述</dd>
			<dd>列表项描述</dd>
			<dt>定义列表项</dt>
   			<dd>列表项描述</dd>
		        <dd>列表项描述</dd>
 			......
		</dl>



图像标签:语法:<img src=" " alt=" " .../>
	img属性:	src( 必写)---URL---显示图像的URL【图片与文件夹在同一目录下时<img src="1.jpg"/>;若图片在上一级目录中<img src="../1.jpg"/>;若图片在一下级目录中<img src="文件名/1.jpg"/>】
			alt---文字---图像代替文本
			height---数值和百分比---图像的高
			width---数值和百分比---图像的宽

超链接标签:语法:<a href=" ">内容</a>
		href:链接地址,可以是内部链接或外部链接

(1)空链接:		语法:<a href=" ">内容</a>
		属性:	href---链接地址
			target---链接的目标窗口_self,_blank,_top,_parent,
			title---链接提示文字
			name---链接命名
(2)定义锚:		<a href=" #锚名1">目录1</a>
			<a href=" #锚名2">目录2</a>
			<a href=" ..."  name="锚名1">内容</a>
				xxxxxxxxxx
				xxxxxxxxxxxxxxxxxxxxxxxxxx
			 <a href=" ..."  name="锚名2">内容</a>
   				xxxxxxxxxx
			       xxxxxxxxxxxxxxxxxxxxxxxxxx

(3)定义锚(不同页面)
		网页1:<a href="网页名称#锚名">......</a>
		网页2:<a name="锚名">.......</a>
 
(4)电子邮件链接:<a href="mailto:邮件地址">......</a>

(5)文件下载:<a href=“下载文件的地址">......</a>






评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值