学习了一些html的基本用法,代码和效果如下:

 <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>这里是网页的名称</title>
</head>
<body style="background-color:#d0d0d0;">
<!--标题、链接、插入图片-->
<h1 style="background-color:red;">这里是h1</h1>
<h2 style="color:#02DF82;">这里是h2</h2>
<h3>这里是h3</h3>
<h4>这里是h4</h4>
<h5>这里是h5</h5>
<h6>这里是h6</h6> <p>下面是插入链接</p>
<hr>
<p>中间加入了一个水平线<p>
<br/>
<p>这里测试换行符<p> <a href = "http://www.cnblogs.com/TTyb/" target="_blank">TTyb-博客园</a> <p >下面是插入图片链接
<a href = "http://www.cnblogs.com/TTyb/" target="_blank">
<br/>
<img border="0" src = "面向对象编程.jpg" alt="Pulpit rock" width = "303" height = "199.5"></a></p> <br/>
<b>这里是加粗文本</b> <br/>
<strong>这个文本是加粗的</strong> <br/>
<big>这里是字体放大</big> <br/>
<small>这里是字体缩小</small> <br/>
<em>这里是斜体的</em> <br/>
<i>这个文本是斜体的</i> <br/>
这个文本包含
<sub>下标</sub> <br/>
这个文本包含
<sup>上标</sup>
<pre>
这里是使用pre标签
随便换行
随 便 空 格
这里怎么写输出的文本格式就怎么写
例如这里缩进了,最后输出也是缩进了
<big>字体有点小,加大一行</big>
<pre/>
<p><del>删除标签</del><ins>下划线</ins>
<hr>
<p style="font-family:DFKai-SB;color:#F9F900;font-size:50px;text-align:center;">没事来设置字体样式<p>
</body>
</html>

这里是网页的名称

这里是h1

这里是h2

这里是h3

这里是h4

这里是h5
这里是h6

下面是插入链接


中间加入了一个水平线

这里测试换行符

TTyb-博客园

下面是插入图片链接

这里是加粗文本

这个文本是加粗的

这里是字体放大

这里是字体缩小

这里是斜体的

这个文本是斜体的

这个文本包含
下标

这个文本包含
上标

这里是使用pre标签
随便换行
随 便 空 格
这里怎么写输出的文本格式就怎么写
例如这里缩进了,最后输出也是缩进了

字体有点小,加大一行


删除标签下划线


没事来设置字体样式

html初学(一)的更多相关文章

  1. DDD初学指南

    去年就打算总结一下,结果新换的工作特别忙,就迟迟没有认真动手.主要内容是很多初学DDD甚至于学习很长时间的同学没有弄明白DDD是什么,适合什么情况.这世界上没有银弹,抛开了适合的场景孤立的去研究DDD ...

  2. gulp初学

    原文地址:gulp初学 至于gulp与grunt的区别,用过的人都略知一二,总的来说就是2点: 1.gulp的gulpfile.js  配置简单而且更容易阅读和维护.之所以如此,是因为它们的工作方式不 ...

  3. 初学seaJs模块化开发,利用grunt打包,减少http请求

    原文地址:初学seaJs模块化开发,利用grunt打包,减少http请求 未压缩合并的演示地址:demo2 学习seaJs的模块化开发,适合对seajs基础有所了解的同学看,目录结构 js — —di ...

  4. 初学Vue2.0--基础篇

    概述: 鉴于本人初学,使用的编译器是webStorm,需添加对VUE的支持,添加方法可以参考 http://www.jianshu.com/p/142dae4f8b51. 起步: 1. 扎实的 Jav ...

  5. 初学Python

    初学Python 1.Python初识 life is short you need python--龟叔名言 Python是一种简洁优美语法接近自然语言的一种全栈开发语言,由"龟叔&quo ...

  6. Javascript初学篇章_5(对象)

    对象 Javascript是一种面向对象的语言,因此可以使用面向对象的思想来进行javascript程序设计对象就是由一些彼此相关的属性和方法集合在一起而构成的一个数据实体.举个例子,一只猫是个对象, ...

  7. 初学Objective-C语言需要了解的星星点点

             其实大多数开发初学者都有一些相同的特点,可以说是一种“职业病”.Most有其他平台开发基础的初学者,看到Xcode就想摩拳擦掌:看到Interface Builder就想跃跃欲试:而 ...

  8. matlab初学之句柄

    文章出处:http://www.cnblogs.com/CBDoctor/archive/2012/04/06/2434072.html 在matlab中,每一个对象都有一个数字来标识,叫做句柄.当每 ...

  9. 初学HTML5、初入前端

    学习HTML5是一个漫长的过程,当中会遇到很多技术与心态上的变化.刚开始学习,我们不能发力过猛,需要一个相对稳定的状态去面对.多关注一些自己感兴趣的网站和技术知识,建立自己的信心与好奇心,为以后的学习 ...

  10. Python初学的易犯错误

    当初学 Python 时,想要弄懂 Python 的错误信息的含义可能有点复杂.这里列出了常见的的一些让你程序 crash 的运行时错误. 1)忘记在 if , elif , else , for , ...

随机推荐

  1. PHP版本区别

  2. 多个storyboard开发应用程序,封装.bundle和.a不用xib使用storyboard!!!

    一,封装.bundle和.a使用xib的方式前面已经说过了,具体方式不再赘述,简单介绍于下: 静态库加.h  bundle:删plist,改sdk,加xib 简称psx三步 引用库的项目,加.a .b ...

  3. Testing the CATCHER_DP

    Description A military contractor for the Department of Defense has just completed a series of preli ...

  4. Unity3D ShaderLab Half Lambert光照模型

    Half Lambert光照模型 说到Half Lambert ,就不得不说反恐精英了,在制作反恐精英的过程中,为了防止物体的背面光丢失而显得太过平面化,就用了这个称之为half lambert的技术 ...

  5. 【转】为什么我要用 Node.js? 案例逐一介绍

    原文转自:http://blog.jobbole.com/53736/ 介绍 JavaScript 高涨的人气带来了很多变化,以至于如今使用其进行网络开发的形式也变得截然不同了.就如同在浏览器中一样, ...

  6. 转:C#精髓 第四讲 GridView 72般绝技

    说明:准备出一个系列,所谓精髓讲C#语言要点.这个系列没有先后顺序,不过尽量做到精.可能会不断增删整理,本系列最原始出处是csdn博客,谢谢关注. C#精髓 第四讲 GridView 72般绝技 作者 ...

  7. Java-->IO流模拟实现用户登录以及登录信息

    --> Test 测试类 package com.dragon.java.hwlogin; import java.io.FileNotFoundException; import java.u ...

  8. Centos6下DRBD的安装配置

    导读 Distributed Replicated Block Device(DRBD)是一个用软件实现的.无共享的.服务器之间镜像块设备内容的存储复制解决方案.数据镜像:实时.透明.同步(所有服务器 ...

  9. [转载]oracle 11g不能导出空表的多种解决方法

    原文地址:11g不能导出空表的多种解决方法">oracle 11g不能导出空表的多种解决方法作者:Anlin_Yang ORACLE 11g 用exp命令导出库文件备份时,发现只能导出 ...

  10. sqlite字符反向模糊查找

    sqlite 一个短字符要去db里模糊查找时,可以用like 如select * from t_contact where uphone like '%1234%'; 但是当输入的字符串超过数据库里的 ...