学习了一些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. 【LeetCode OJ】Linked List Cycle

    Problem link: http://oj.leetcode.com/problems/linked-list-cycle/ We set two pointers: the faster poi ...

  2. 关于HttpWebRequest.KeepAlive

    于HTTP服务器每个客户端2个连接的限制这两天猫在家里搞一个多线程的断点续传得C#程序,发现同时只能开2个线程下载,其他的线程一律要等待,这样就导致下载大文件时其他线程经常超时,郁闷好久.今天回公司无 ...

  3. 将List转换成DataTable

    using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.D ...

  4. VirtualizingStackPanel

    <FlipView x:Name="flipView1" ItemsSource="{Binding}" ScrollViewer.HorizontalS ...

  5. Magento请求分发与控制器

    Magento请求分发与控制器 Magento使用的是MVC结构,模型-试图-控制器结构,这样更好的实现显示逻辑和数据,业务逻辑的分离,更好的适合开发! 下面为传统的mvc结构 URL请求被一个PHP ...

  6. Http权威指南(一)---读书笔记

    Chart1 ====概述==== 最简单的的资源是web服务器文件系统中的静态文件.当然可以上动态,但要经过网关?(不确定) 下面见图: 2.  URI(uniform Resource Ident ...

  7. R中NA和NaN的区别

    NA表示的是缺失数据,missing data NaN表示无意义的数据,Not a Number, Inf-Inf Inf表示正无穷大 -Inf表示负无穷大

  8. Win 環境構建調試用TreeWalker

    語法 var ppTreeWalker = document.createTreeWalker(pRootNode, ulWhatToShow, pFilter, fEntityReferenceEx ...

  9. AudioUnit,AudioQueue之争

    最近在修改调试一个webrtc的问题,困扰了好久,故先记录下来,有成果了就发出来.问题1 使用webrtc源码做iOS上的VOIP通讯时(iOS侧接口用的AudioUnit),如果通话中被CS域来电打 ...

  10. window.opener用法

    [转]window.opener用法 window.opener 实际上就是通过window.open打开的窗体的父窗体. 比如在父窗体parentForm里面 通过 window.open(&quo ...