学习了一些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. UVA11149 矩阵快速幂

    首先我们来想一下计算A+A^2+A^3...+A^k. 如果A=2,k=6.那你怎么算 2+22+23+24+25+26 = ?= (2+22+23)*(1+23) 如果A=2,k=7.那你怎么算 2 ...

  2. iOS APP上线流程

    前言:作为一名IOS开发者,把开发出来的App上传到App Store是必须的.下面就来详细介绍下具体流程. 1.打开苹果开发者中心:https://developer.apple.com 打开后点击 ...

  3. 微信公众号 SDK

    <?php /* 方倍工作室 http://www.fangbei.org/ CopyRight 2015 All Rights Reserved */ define("TOKEN&q ...

  4. 第一个Sprint冲刺第二天

    讨论成员:邵家文.朱浩龙.陈俊金.李新 讨论地点:宿舍 讨论内容:安卓开发技术,与后续需要加强的内容 计时功能完成度:刚开始讨论实现的技术

  5. nginx下面部署fast-cgi和C++【原】

    1.cgi文件的代码 #include "fcgi_stdio.h" #include <stdlib.h> #include <stdio.h> int ...

  6. Qt线程(1) moveToThread

    若在Qt准备使用线程类一般有两种方式(1) 采用WorkObject配合QThread进行使用 (2)继承QThread, 重载run()函数即可. 注:采用Qt::Concurrent之类的不在本文 ...

  7. Word embedding

    https://en.wikipedia.org/wiki/Word_embedding 简言之,就是讲词汇或短语映射成实值特征向量.

  8. Xcode 7在支持ipad的设备中需要支持分屏!

    http://sandy.int.ru/xcode/xcode7zaizhichiipaddeshebeizhongyaozhichifenping.html 在更新APP的时候发现ERROR ITM ...

  9. Kubuntu麦克风音频无声音

    前段时间买了新本,装了双系统,win8和kubuntu 14.04,使用的过程感觉都不错,因为平时玩游戏看视频是用win8,但最近打算在kubuntu上听音乐时,发现音频没有声音,麦克风也没有声音,这 ...

  10. UI学习笔记---第三天

    视图控制器 功能:视图大小变换 \布局视图\响应事件\检测处理内存警告\检测以及处理屏幕旋转\检测视图切换 MVC (model View controller) UIViewController是M ...