常见标签、路径

web的标准构成为:结构(html)、表现(css)、行为(JavaScript)。以下主要介绍html的一些基础,html又称为超文本标记语言。
一、标签
(1)标签分为双标签和单标签;
常见的双标签:

<html></html>		 <!-- 页面中最大的标签,我们称为跟标签 -->
<head></head>		<!-- 注意在head标签中我们必须要设置的标签是 -->
<title></title>		<!-- 让页面拥有一个属于自己的网页标题 -->
<body></body>		<!-- 元素包含文档的所有内容,页面内容基本都是放到body里面的 -->
 <p></p>			 <!-- 段落标签 -->
 <!-- 文本格式化标签 -->
<strong></sstrong><b></b>		<!-- 加粗,推荐使用<strong>标签,语义更强烈-->
<em></em><i></i>		<!-- 倾斜 推荐使用<em>标签加粗,语义更强烈 -->
<del></del><s></s>	<!-- 删除线 推荐使用<del>标签加粗,语义更 强烈 -->
<ins></ins><u></u>	<!--下划线 推荐使用<ins>标签加粗语义更强烈 -->
<!-- 	<div>和<span>标签
他俩是没有语义的,它们就是一个盒子,用来装内容的
 -->
 <div></div>		<!--用来布局,自己独占一行,大盒子  -->
 <span></span>		<!-- 用来布局	,一行上可以有多个<span>,小盒子 -->
 <h1></h1>		<!-- h1至h6 为标题标签 逐渐减小 -->
 <a></a>		<!-- 超链接 -->
 <table></table>			<!-- 表格-->
 <thead></thead>			
 <tbody></tbody>		
 <tr></tr>			<!-- 行标签-->
 <td></td>			<!-- 单元格内的文字-->
 <form></form>				<!--表单 -->
   <!-- 无序列表-->
    <ul>
		<li>列表项1</li>
		<li>列表项2</li>
		<li>列表项3</li>
	</ul>
	<!-- 有序列表-->
	<ol>
		<li>列表项1</li>
		<li>列表项2</li>
		<li>列表项3</li>
	</ol>
	<!-- 自定义列表-->
	<dl>
		<dt>名词1</dt>
		<dd>对名词1的解释1</dd>
		<dd>对名词1的解释2</dd>	
	</dl>
	<!-- select下拉表单元素-->
	<select>
		<option>选项1<option>
		<option>选项2<option>
		注意:在<option>中定义selected=“selected”时,即为默认选项
			…….
	</ select>
<textarea> 文本域</textarea>	<!-- 文本域-->
<lable></lable>


   

单标签

<input >	<!--搜集用户信息-->
<img >	<!--向网页中嵌入一幅图像-->
<br >		<!--换行-->
<hr >		<!--创建一条水平线-->

(2)标签关系
包含关系

	<head>
		<title></title>
	</head>	

并列关系

<head></head>
<body></body>

二、路径
相对路径:同一级路径、上一级路径(…/)、下一级路径(/)
绝对路径:指目录下的绝对位置,直接达到目标位置,通常是从盘符开始的路径

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值