热门标签 | 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>

推荐阅读
  • 本文详细介绍了 PHP 中对象的生命周期、内存管理和魔术方法的使用,包括对象的自动销毁、析构函数的作用以及各种魔术方法的具体应用场景。 ... [详细]
  • 本文详细介绍了Java反射机制的基本概念、获取Class对象的方法、反射的主要功能及其在实际开发中的应用。通过具体示例,帮助读者更好地理解和使用Java反射。 ... [详细]
  • 开机自启动的几种方式
    0x01快速自启动目录快速启动目录自启动方式源于Windows中的一个目录,这个目录一般叫启动或者Startup。位于该目录下的PE文件会在开机后进行自启动 ... [详细]
  • Python 序列图分割与可视化编程入门教程
    本文介绍了如何使用 Python 进行序列图的快速分割与可视化。通过一个实际案例,详细展示了从需求分析到代码实现的全过程。具体包括如何读取序列图数据、应用分割算法以及利用可视化库生成直观的图表,帮助非编程背景的用户也能轻松上手。 ... [详细]
  • PHP预处理常量详解:如何定义与使用常量 ... [详细]
  • 深入解析HTML5字符集属性:charset与defaultCharset
    本文将详细介绍HTML5中新增的字符集属性charset和defaultCharset,帮助开发者更好地理解和应用这些属性,以确保网页在不同环境下的正确显示。 ... [详细]
  • Python 数据可视化实战指南
    本文详细介绍如何使用 Python 进行数据可视化,涵盖从环境搭建到具体实例的全过程。 ... [详细]
  • 本文介绍如何在 Android 中自定义加载对话框 CustomProgressDialog,包括自定义 View 类和 XML 布局文件的详细步骤。 ... [详细]
  • 本文介绍如何使用 Python 的 DOM 和 SAX 方法解析 XML 文件,并通过示例展示了如何动态创建数据库表和处理大量数据的实时插入。 ... [详细]
  • MySQL 5.7 学习指南:SQLyog 中的主键、列属性和数据类型
    本文介绍了 MySQL 5.7 中主键(Primary Key)和自增(Auto-Increment)的概念,以及如何在 SQLyog 中设置这些属性。同时,还探讨了数据类型的分类和选择,以及列属性的设置方法。 ... [详细]
  • 在 iOS 开发中,内存管理是一个至关重要的环节。初学者常常因为内存管理不当导致程序崩溃。本文将详细介绍 iOS 中内存的分配与释放机制,并提供一些实用的技巧。 ... [详细]
  • 在软件开发过程中,经常需要将多个项目或模块进行集成和调试,尤其是当项目依赖于第三方开源库(如Cordova、CocoaPods)时。本文介绍了如何在Xcode中高效地进行多项目联合调试,分享了一些实用的技巧和最佳实践,帮助开发者解决常见的调试难题,提高开发效率。 ... [详细]
  • 2.2 组件间父子通信机制详解
    2.2 组件间父子通信机制详解 ... [详细]
  • Android 构建基础流程详解
    Android 构建基础流程详解 ... [详细]
  • 在处理 XML 数据时,如果需要解析 `` 标签的内容,可以采用 Pull 解析方法。Pull 解析是一种高效的 XML 解析方式,适用于流式数据处理。具体实现中,可以通过 Java 的 `XmlPullParser` 或其他类似的库来逐步读取和解析 XML 文档中的 `` 元素。这样不仅能够提高解析效率,还能减少内存占用。本文将详细介绍如何使用 Pull 解析方法来提取 `` 标签的内容,并提供一个示例代码,帮助开发者快速解决问题。 ... [详细]
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社区 版权所有