热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

HTML5-----学习笔记1

HTML简单介绍HTML:用来介绍描述网页的一种语言;不是一种编程语言,而是一种标记语言,标记语言是一套标记标签,使用标记标签来描述网页.HTML标签分为单标签和双标签(双

HTML简单介绍

HTML:用来介绍描述网页的一种语言;不是一种编程语言,而是一种标记语言,标记语言是一套标记 
标签,使用标记标签来描述网页.

HTML标签分为单标签和双标签(双标签就是有开始标签和结束标签的标签).
例如: `
` ``

html标签

文档声明:说明使用的html的版本
<html>(双标签):主体标签
<head>(双标签):里面的内容是给浏览器看的,比如标题,搜索引擎关键字
<meta charset="utf-8" />(单标签):说明浏览器的编码格式
<body>(双标签):网页的主体部分,大多数代码写在这里
<h1-h6>(双标签):标题标签
<h1>h1> <h2>h2> <h3>h3> <h4>h4> <h5>h5> <h6>h6>
<p>(双标签):段落标签,写在这的内容自成一段
<br />(单标签):换行标签
<b>(双标签):加粗字体
<i>(双标签):倾斜字体
<u>(双标签):下划线
<s>(双标签):删除线
<sup>(双标签):上标
<sub>(双标签):下标
<strong>(双标签):加强语气,加粗
<em>(双标签):加强语气,倾斜

"80%" noshade="noshade" align="left" color="yellow"/>

(单标签):带一条直线的换行符
width:宽度
noshade:加粗
align:对齐方式(默认center)
color:颜色
"img/1.jpg" alt="我是图片" />
加载图片
src:图像文件的URL,也是引用该图像文件的绝对路径或相对路径
alt:占位文字,当图片未加载出来的时候显示
<a href="http://www.baidu.com" target="_blank">百度一下a>
a标签:超链接
href:链接的目标
target="_blank":在新窗口打开
target="_self":在本身窗口打来
<pre>(双标签):显示源代码中的效果
   空格
&copy;  版权号
®   注册商标
"  双引号
&   取地址符
&gt;    大于号
&lt;    小于号
<div>(双标签):将页面分块,模块化

列表

无序列表:ul 列表项:li
type: square:实心方块
circle:空心圆
disc:实心圆
none:没样式
<ul type="square">
<li>第一项li>
<li>第二项li>
<li>第三项li>
ul>
有序列表:ol 列表项:li
type:可自行选择是数字开始还是字母开始
<ol type="a">
<li>第一项li>
<li>第二项li>
<li>第三项li>
ol>
自定义列表:dl    标题:dt   内容:dd
<dl>
<dt>中国男篮dt>
<dd>郭艾伦dd>
<dd>易建联dd>
dl>

推荐阅读
  • 本文讨论了在手机移动端如何使用HTML5和JavaScript实现视频上传并压缩视频质量,或者降低手机摄像头拍摄质量的问题。作者指出HTML5和JavaScript无法直接压缩视频,只能通过将视频传送到服务器端由后端进行压缩。对于控制相机拍摄质量,只有使用JAVA编写Android客户端才能实现压缩。此外,作者还解释了在交作业时使用zip格式压缩包导致CSS文件和图片音乐丢失的原因,并提供了解决方法。最后,作者还介绍了一个用于处理图片的类,可以实现图片剪裁处理和生成缩略图的功能。 ... [详细]
  • 开发笔记:加密&json&StringIO模块&BytesIO模块
    篇首语:本文由编程笔记#小编为大家整理,主要介绍了加密&json&StringIO模块&BytesIO模块相关的知识,希望对你有一定的参考价值。一、加密加密 ... [详细]
  • 知识图谱——机器大脑中的知识库
    本文介绍了知识图谱在机器大脑中的应用,以及搜索引擎在知识图谱方面的发展。以谷歌知识图谱为例,说明了知识图谱的智能化特点。通过搜索引擎用户可以获取更加智能化的答案,如搜索关键词"Marie Curie",会得到居里夫人的详细信息以及与之相关的历史人物。知识图谱的出现引起了搜索引擎行业的变革,不仅美国的微软必应,中国的百度、搜狗等搜索引擎公司也纷纷推出了自己的知识图谱。 ... [详细]
  • 本文详细介绍了Java中vector的使用方法和相关知识,包括vector类的功能、构造方法和使用注意事项。通过使用vector类,可以方便地实现动态数组的功能,并且可以随意插入不同类型的对象,进行查找、插入和删除操作。这篇文章对于需要频繁进行查找、插入和删除操作的情况下,使用vector类是一个很好的选择。 ... [详细]
  • 本文总结了在开发中使用gulp时的一些技巧,包括如何使用gulp.dest自动创建目录、如何使用gulp.src复制具名路径的文件以及保留文件夹路径的方法等。同时介绍了使用base选项和通配符来保留文件夹路径的技巧,并提到了解决带文件夹的复制问题的方法,即使用gulp-flatten插件。 ... [详细]
  • 本文介绍了在Python3中如何使用选择文件对话框的格式打开和保存图片的方法。通过使用tkinter库中的filedialog模块的asksaveasfilename和askopenfilename函数,可以方便地选择要打开或保存的图片文件,并进行相关操作。具体的代码示例和操作步骤也被提供。 ... [详细]
  • Spring源码解密之默认标签的解析方式分析
    本文分析了Spring源码解密中默认标签的解析方式。通过对命名空间的判断,区分默认命名空间和自定义命名空间,并采用不同的解析方式。其中,bean标签的解析最为复杂和重要。 ... [详细]
  • 向QTextEdit拖放文件的方法及实现步骤
    本文介绍了在使用QTextEdit时如何实现拖放文件的功能,包括相关的方法和实现步骤。通过重写dragEnterEvent和dropEvent函数,并结合QMimeData和QUrl等类,可以轻松实现向QTextEdit拖放文件的功能。详细的代码实现和说明可以参考本文提供的示例代码。 ... [详细]
  • 本文讨论了一个关于cuowu类的问题,作者在使用cuowu类时遇到了错误提示和使用AdjustmentListener的问题。文章提供了16个解决方案,并给出了两个可能导致错误的原因。 ... [详细]
  • 1,关于死锁的理解死锁,我们可以简单的理解为是两个线程同时使用同一资源,两个线程又得不到相应的资源而造成永无相互等待的情况。 2,模拟死锁背景介绍:我们创建一个朋友 ... [详细]
  • MyBatis多表查询与动态SQL使用
    本文介绍了MyBatis多表查询与动态SQL的使用方法,包括一对一查询和一对多查询。同时还介绍了动态SQL的使用,包括if标签、trim标签、where标签、set标签和foreach标签的用法。文章还提供了相关的配置信息和示例代码。 ... [详细]
  • 本文介绍了在CentOS上安装Python2.7.2的详细步骤,包括下载、解压、编译和安装等操作。同时提供了一些注意事项,以及测试安装是否成功的方法。 ... [详细]
  • 基于dlib的人脸68特征点提取(眨眼张嘴检测)python版本
    文章目录引言开发环境和库流程设计张嘴和闭眼的检测引言(1)利用Dlib官方训练好的模型“shape_predictor_68_face_landmarks.dat”进行68个点标定 ... [详细]
  • Python爬虫中使用正则表达式的方法和注意事项
    本文介绍了在Python爬虫中使用正则表达式的方法和注意事项。首先解释了爬虫的四个主要步骤,并强调了正则表达式在数据处理中的重要性。然后详细介绍了正则表达式的概念和用法,包括检索、替换和过滤文本的功能。同时提到了re模块是Python内置的用于处理正则表达式的模块,并给出了使用正则表达式时需要注意的特殊字符转义和原始字符串的用法。通过本文的学习,读者可以掌握在Python爬虫中使用正则表达式的技巧和方法。 ... [详细]
  • 树莓派语音控制的配置方法和步骤
    本文介绍了在树莓派上实现语音控制的配置方法和步骤。首先感谢博主Eoman的帮助,文章参考了他的内容。树莓派的配置需要通过sudo raspi-config进行,然后使用Eoman的控制方法,即安装wiringPi库并编写控制引脚的脚本。具体的安装步骤和脚本编写方法在文章中详细介绍。 ... [详细]
author-avatar
Federer2012_554
这个家伙很懒,什么也没留下!
Tags | 热门标签
RankList | 热门文章
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有