专栏首页菜鸟前端工程师html+css学习笔记001-常用标签

html+css学习笔记001-常用标签

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>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • html+css学习笔记003-样式初始化

    Mr. 柳上原
  • html+css学习笔记013-阿里图标0iframe

    Mr. 柳上原
  • html+css学习笔记014-H5新标签0浏览器兼容

    Mr. 柳上原
  • HTML基础

    HTML基础 ---- HTML基本知识与结构 HTML常见标签 标签写法与嵌套的讨论 HTML、CSS、javascript三者的关系 HTML是网页内容...

    用户1667431
  • HTML/CSS 第一章

    问:前端人员的工作跟什么打交道 答:网页 网页的构成:由文字,图片,超链接,多媒体(音频,视频,Flash)等组成!

    用户3461357
  • HTML 入门笔记 - 初识HTML

    基础框架 <!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/ht...

    用户1667431
  • Day1:html和css

    浏览器内核:浏览器分两个部分,一个是渲染引擎(layout engineer 或者 Rendering Engine)和js引擎.

    达达前端
  • html+css学习笔记003-样式初始化

    Mr. 柳上原
  • 前端-HTML-web服务本质-HTTP协议-请求-标签-01(待完善)

    我们的浏览器端(B/S架构)本质上也是一个客户端,通过socket与服务端通信,发送请求,获得返回数据,再有浏览器将服务器返回的数据渲染成页面上看到的一个一个标...

    suwanbin
  • HTML5标签

    HTML5新增了27个标签,废除了16个标签,依据现有的标准规范,按照优先等级将其定义为结构性标签、级块性标签、行内语义性标签、交互性标签4大类。下面一起来看一...

    小白程序猿

扫码关注云+社区

领取腾讯云代金券