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 条评论
登录 后参与评论

相关文章

来自专栏快乐八哥

jQuery Tools Scrollable使用的限制

在现在很多项目中,都会使用到jQuery Tools中scrollable。特别对于显示Photo Gallery,当然目前国内国外都有第三方非常优秀的的类似j...

20750
来自专栏前端菜鸟变老鸟

表格按列方向上渲染数据

如果是一条数据和一个对应的值就不会出现问题。但是如果某一个数据的值有多个,并且需要显示在不同的行的话就会有问题。问题是:会循环出多个td在一行中。

8540
来自专栏守候书阁

vue插件开发练习--实用弹窗

上回说了组件(vue组件开发练习--焦点图切换)的一个练习项目,这次换下口味,说下vue的插件练手的项目。相对于现在之前的焦点图切换的组件,这个可能就更简单了,...

16920
来自专栏用户2442861的专栏

html 学习(css class选择器)

文/某个胖子(简书作者) 原文链接:http://www.jianshu.com/p/802afaab545b 著作权归作者所有,转载请联系作者获得授权,并...

16010
来自专栏每日一篇技术文章

weex-12-组件switch

本节内容比较简单,创建一个switch.vue 来写本节的内容, 注意一点,本节内容请务必使用真机测试

55820
来自专栏nummy

使用jsTree树形控件【1】入门

部署环境使用压缩版的jsTree.min.js,如果是开发环境可以使用jsTree.js

18220
来自专栏微信小程序开发

小程序不同页面之间的传值方式

今天来说一下小程序不同页面之间传值的几种方式: 1、URL传值 这种方式最常用,比如: wx.navigateTo({ url: '../detail/d...

748100
来自专栏Angular&服务

cordova扫描二维码

19930
来自专栏Python自动化测试

页面对象的定位

在自动化的测试中,对象元素的定位和操作是自动化的核心部分,但是对象是定位是自动化的基础,在对象的基础上,才可以形成对对象的操作。

9730
来自专栏Android知识点总结

html5常用控件

71920

扫码关注云+社区

领取腾讯云代金券