html+css学习笔记001-常用标签
html+css学习笔记001-常用标签
Mr. 柳上原
发布于 2018-09-05 15:08:58
发布于 2018-09-05 15:08:58
Author：Mr.柳上原
<!DOCTYPE html> <!-- 文档类型：标准html文档 -->
<html lang='en'> <!-- html根标签 翻译文字：英文 -->
<head> <!-- 网页头部 -->
<meat charset='UTF-8'/> <!-- 网页字符编码 -->
<meat name='Keywords' content='关键词1,关键词2'/>
<meat name='Description' content='网站说明'/>
<meat name='Author' content='作者'/>
<title>前端59期学员作业</title> <!-- 网页标题 -->
<link rel='stylesheet' type='text/css' href='css/css1.css'/> <!-- 外链样式表 -->
<style type='text/css'> /*内部样式表*/
div{
width:100px; /* 宽 */
height:100px; /* 高 */
background:red; /* 背景 */
}
</style>
</head>
<body> <!-- 网页主干：可视化区域 -->
<!--
html：网页结构
css：层叠样式---修饰美化网页
js（JavaScript）：脚本语言---网页特效
-->
<div style=' '> </div> <!-- 块标签 -->
<!-- style中写入行间样式 -->
<img src=' ' width='0px' height='0px' alt='图片名称' title='鼠标划入显示'> <!-- 图片标签 -->
src属性：./img1.png 本文件夹内
../img1.png 上文件夹内
images/img1.png 下文件夹内
<!-- a标签应用 -->
<a href=' ' target=' ' title=' '> </a> <!-- 超链接标签-->
target属性：_self 当前页面打开
_blank 新页面打开
假链接(本质是跳转到当前页面)
格式：<a href="#"> </a> <!-- 返回顶层 -->
格式：<a href="javascript:"> </a> <!-- 无变化 -->
锚点应用
<a href='#b1'> </a>
<a href='#b2'> </a>
<ul>
<li id='b1'></li>
<li id='b2'></li>
</ul>
<h1> </h1> <!-- 标题标签h1~h6 -->
<p> </p> <!-- 段落标签 -->
<span> </span> <!-- 区分样式标签 -->
<ul>
<li></li>
<li></li>
</ul> <!-- 无序列表标签 -->
<ol>
<li></li>
<li></li>
</ol> <!-- 有序列表标签 -->
<dl>
<dt></dt> <!-- 列表标题 -->
<dd></dd>
<dd></dd>
</dl> <!-- 自定义列表标签 -->
<i> </i> <!-- 斜体标签 -->
<em> </em> <!-- 斜体标签 强调 -->
<strong> </strong> <!-- 加粗标签 强调 -->
<br/> <!-- 换行标签 -->
<hr/> <!-- 水平线标签 -->
</body>本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2018.05.17 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读