html与语义化
Posted 前端纸飞机
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html与语义化相关的知识,希望对你有一定的参考价值。
html文档基本格式
<!doctype html>
<html>
<head>
<meta charset="utf-8">
〈title〉无标题文档〈/title〉
</head>
<body>
</body>
</html>
常见HTML标签
文本与区块
<hn></hn>(n=l-6)加粗标题
<u></u>°£<ins></ins> 下划线
<i></i>°)6<em></em> 斜体
<b></b>s£<strong></strong> 力口粗
<del></del> 删除线
<sub></sub> 下标
<sup></sup> 上标
<br/>换行
<p></p> 段落
<div></div>区块容器
<span></span> 文本容器
<hr/>水平线
<ul><li></li></ul> 无序歹ij表
<ol><li></li></ol> 有序歹ij表
<dl><dt></dt><dd></dd></dl> 自定义列表
图像
<img src = "URL”/>
属性:
src:图片url
alt:图片加载失败时的提示
titie:鼠标经过显示的提示
width:图片宽度
height:图片高度
超链接
<a href="url"></a>
属性:
href:跳转地址。
href可以指向任意格式文件,如果浏览器支持
该 格 式 , 就 在 浏 览 器 上 显 示 , 比 如 网 页
(.html、.php、.jsp、.asp等),图片音视频
(.jpg、.gif、.png、.mp3、.mp4等),如果浏
览器不支持该格式,就提示用户下载(.zip、.rar
等)。
target:打开方式
-blank 新窗口
-self本窗口 (默认)
title:鼠标经过时显示的提示
锚点应用:
<div id="stepl">
使用id可以针对任何标签
</div>
<a name="stepl">
使用name只能针对a标签
</a>
<a href="#stepl">
跳转到step 1
</a>
表格
<table>
<tr>
<td>tr行,td单元格v/td>
</tr>
</table>
以上是关于html与语义化的主要内容,如果未能解决你的问题,请参考以下文章