本节列举了一些简单的HTML例子，帮助大家更感性地认识HTML标签。是不是对一些标签还不熟悉？别担心，后面几个章节会有详细说明，先跑几个例子看看效果吧。

HTML文档相关标签
所有HTML文档必须以<!DOCTYPE html>声明开头。

HTML文档则以<html>开头，以</html>结尾。

HTML中所有可见区域都放在<body></body>之间。

HTML文档实例

<!DOCTYPE html>

<html>

<body>

<h1>我是标题1</h1>

<p>我是段落</p>

</body>

</html>

HTML标题
HTML标题用<h1>到<h6>六个标签表示。

<h1>表示级别最高的标题，<h6>表示级别最低的标题。

HTML标题实例

<h1>我是标题1</h1>

<h2>我是标题2</h2>

<h3>我是标题3</h3>

HTML段落
HTML段落用<p>标签表示。

HTML段落实例

<p>我是段落</p>

<p>我是另一个段落</p>

HTML超链接
HTML中的超链接用<a>标签表示。

HTML超链接实例

<a href="http://www.w3uu.com">去w3悠游学习</a>

上例中href是<a>标签的属性，href属性定义了这个超链接跳转的网址。以后的学习中我们会看到，每个标签都有属性。有了属性，标签的表现会更强大、更丰富。

HTML图片
HTML中的图片用<img>标签表示。

<img>标签有四个重要的属性：src（图片路径）、alt（图片失效时替代的文字）、width（图片宽度）、height（图片高度）。

HTML图片实例

<img src="/static/img/qrcode.jpg" alt="w3uu.com" width="160" height="160">

原文链接: www.w3uu.com/intro/base/html-basic.html

HTML基础实例的更多相关文章

  1. APP接口自动化测试JAVA+TestNG(二)之TestNG简介与基础实例

    前言 继上篇环境篇后,本篇主要对TestNG进行介绍,给出最最基础的两个实例,通过本文后,学会并掌握TestNG测试用例的编写与运行,以及生成美化后的报告.下一篇为HTTP接口实战(国家气象局接口自动 ...

  2. python基础——实例属性和类属性

    python基础——实例属性和类属性 由于Python是动态语言,根据类创建的实例可以任意绑定属性. 给实例绑定属性的方法是通过实例变量,或者通过self变量: class Student(objec ...

  3. Windows 8实例教程系列 - 数据绑定基础实例

    原文:Windows 8实例教程系列 - 数据绑定基础实例 数据绑定是WPF,Silverlight以及Windows Phone应用开发中最为常用的开发技术,在基于XAML的Windows Stor ...

  4. TypeScript进阶开发——ThreeJs基础实例，从入坑到入门

    前言 我们前面使用的是自己编写的ts,以及自己手动引入的jquery,由于第三方库采用的是直接引入js,没有d.ts声明文件,开发起来很累,所以一般情况下我们使用npm引入第三方的库,本文记录使用np ...

  5. javascript订阅模式浅析和基础实例

    前言 最近在开发redux或者vux的时候,状态管理当中的createStore,以及我们在组件中调用的dispatch传递消息给状态管理中心,去处理一些操作的时候,有些类似我们常见到订阅模式 于是写 ...

  6. Java线程基础实例

    概述 Java线程是一个在实战开发中经常使用的基础功能,而在Java中线程相关的类在java.lang和java.util.concurrent里 Thread package thread.base ...

  7. Quartz基础+实例

    1. 介绍 Quartz体系结构: 明白Quartz怎么用,首先要了解Scheduler(调度器).Job(任务)和Trigger(触发器)这3个核心的概念. 1. Job: 是一个接口,只定义一个方 ...

  8. 快速掌握Ajax-Ajax基础实例（Ajax返回Json在Java中的实现）

    (转)实例二:Ajax返回Json在Java中的实现 转自http://www.cnblogs.com/lsnproj/archive/2012/02/09/2341524.html#2995114 ...

  9. Vue.js教程--基础(实例 模版语法template computed, watch v-if, v-show v-for, 一个组件的v-for.)

    官网:https://cn.vuejs.org/v2/guide/index.html Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统. 视频教程:https: ...

  10. android binder 基础实例及解析（一）【转】

    本文转载自:http://blog.csdn.net/newchenxf/article/details/49359283#insertcode 原文网址(转载请注明出处): http://blog. ...

随机推荐

  1. all-to-mqtt

  2. boost库的配置——Linux篇

    Boost库分为两个部分来使用,一是直接使用对应的头文件,二是需要编译安装相应的库才可以使用. 下面是boost在Linux上安装和使用过程(整个boost库全部安装): (1)在www.boost. ...

  3. join......on 后面的and 和where的区别

    a.where 是在两个表join完成后,再附上where条件. b. and 则是在表连接前过滤A表或B表里面哪些记录符合连接条件,同时会兼顾是left join还是right join.即 假如是 ...

  4. matlab练习程序（Hilbert图像置乱）

    正好刚写了Hibert生成曲线,不如再加一篇应用的程序. 关于Hilbert图像置乱,我在网上搜的应用领域主要集中在数字水印和图像加密上,而这两个领域我都没怎么接触过. 大部分的图像置乱都是如下图的置 ...

  5. Android DiskLruCache完全解析，硬盘缓存的最佳方案 --转载

    概述 记得在很早之前,我有写过一篇文章 Android高效加载大图.多图解决方案,有效避免程序OOM,这篇文章是翻译自Android Doc的,其中防止多图OOM的核心解决思路就是使用LruCache ...

  6. 随tomcat启动的Servlet程序

    由于需要做一定定时轮询程序,自己写了一个Servlet小程序,在Servlet里面的Init函数中做一个Timer,定时执行程序. 代码如下: public class MailStartup  ex ...

  7. git 和 github的学习

    第一部分:我的github地址 https://github.com/Ly1235/gitLeaming 第二部分:git 和 github Git是一款免费.开源的分布式版本控制系统.gitHub是 ...

  8. sql server：取当前时间前10分钟之内的数据 dateadd()

    当前时间 select GETDATE() 当前时间点前10分钟 dateadd() ,GETDATE()) 取当前时间点前10分钟以内的数据,且按创建时间倒序排 select * from tabl ...

  9. 【转】netstat 命令当中的内部地址和外部地址分别代表的是什么？

    RT,用自己的话解释,不要搬网上的内容.尽量可以简洁,谢谢 2015-03-07 17:41 提问者采纳   网络连接是有2方参与,自己就是“内部地址”,别人就是“外部地址”,就这么简洁. 再举个例子 ...

  10. Google TensorFlow 学习笔记一 —— TensorFlow简介

    "TensorFlow is an Open Source Software Library for Machine INtenlligence" 本笔记参考tensorflow. ...