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><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与语义化的主要内容,如果未能解决你的问题,请参考以下文章

html与语义化

html5的语义化标签都有哪些及其作用

html5_i标签的格式化

HTML5的语义化标签都有哪些,作用是啥

标签语义化

WEB语义化