HTML标签

<!DOCTYPE html>    告诉浏览器页面采用的是html版本显示页面
<html lang="zh-CN">    告诉浏览器这是中文网页
<meta charset="UTF-8">    采用UFT-8保存文字
 
 
<p> </p> 是段落标签 ,段落与段落之间存在一行的空隙
<br>        是强制换行,行与行之间不存在间隙
 
<strong></strong>  <b></b>  是加粗标签
<em></em> <i></i>  是倾斜标签
<del></del> <s></s> 是删除标签
<ins></ins> <u></u> 是下划线
 
<div></div>  标签用来布局,一行只能放一个布局
 
<span></span>  一行可以放多个
 
 
 
 
<img />  图像标签和路径 
属性 属性值 说明
src 图片路径 必须属性
alt 文字 替换文本,图片不能显示时,显示的文本
title 文本 提示文本,鼠标放在图片上,显示的文本
width 像素 设置图片的宽度
height 像素 设置图像的高度
border 像素 设置图片边框的宽度
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<a></a>  跳转标签
属性 作用
herf 指定连接地址的url地址,必须属性
target 用于指定链接页面的打开方式,_self为默认属性,_blank为在新窗口打开方式

 

 

 

 

 

 

 

 

 链接分类:

1.外部链接

2.内部链接

3.空链接 <a herf="#"></a>

4.下载链接 herf后面跟着文件

5.网页元素链接 点击图片 等可以跳转

6.锚点链接 点击链接,快速定位到相应位置

 

特殊字符

空格符  &nbsp

小于号 &lt

大于号 &gt

 

<table></table>  表格标签

<tr></tr>    行标签

<td></td>  列标签

<th></th>  表头单元格标签 文字会加粗,居中

<thead></thead> 用于定义表的头部,里面必须由<tr>,一般位于第一行

<tbody></tbody> 用于定义表的主体,一般存放数据

 

合并单元格

1.先确定是跨行合并还是跨列合并

2.找到目标单元格  跨列<td colspan="2"></td> 跨列<tr rowspan></tr>

3.删除多余行

 

<ul></ul>  无序列表标签

<ol></ol>  有序列表项

<li></li>  列表项

 

自定义列表标签

<dl></dl>  后宫

<dt></dt>  皇帝

<dd></dd>  妃子

 

 

 

posted @ 2020-04-27 00:39  WP-WangPin  阅读(109)  评论(0编辑  收藏  举报