一、HTML的概述

  1. 什么是HTML?
  • html:Hyper Test Markup Language 超文本标记语言(它不是编程语言!)
  • 超文本:功能比普通的文本更加强大。
  • 标记语言:使用一组标签对内容进行描述的一门语言。

  2.为什么要学习HTML

  •   一般情况下,在一些比较正规的公司,前端和后端是分开 开发的,我们(java)负责后台代码的开发,但也会用到前端相关的页面。如果没有学习相关的技术,就无法看懂别人写的内容。

  3.会在哪些地方使用HTML?

  •   但凡涉及到页面的设计都可以使用HTML技术

  4.如何使用HTML

          HTML的语法和规范

      整个HTML文件是以.html或者.htm结尾的。(这里建议使用.html结尾)

      整个HTMl文件分为头部分<head></head>和体部分<body></body>

      HTML标签都是由开始标签 和 结束标签组成<head></head>,也有一些自闭标签<br />

      HTML标签不区分大小写 (建议使用小写,方便后续的学习,也符合大多数程序员的习惯)

  [字体标签]

      <font>标签

        <font 属性名=“属性值”>文字内容</font>

      color:显示的方式可以是单词,也可以是十六进制的数字。(用于显示文字的颜色)

      size:显示文字的大小,最小为1,最大为7。超过7的按照7的大小显示

      face:显示文字的字体,仅支持电脑本机所含有的字体。

  [拍版标签]

      标题标签

        <hn/>:n代表数组,从1-6逐渐变小[加粗显示,单独占用一行]

      水平线标签

        <hr />:代表一条水平线 不要求掌握其属性。

      段落标签

        <p></p>:代表的是段落

      换行标签

        <br />:让光标进入到下一行,进行换行操作

      字体加粗标签

        加粗:<b></b>

      斜体下划线标签

        斜体:<i></i>

      下划线

        <u></u>

Demo

  1. 创建一个HTML文件
  2. 创建一个标题标签  
  3. 创建一个水平线标签
  4. 创建两个段落标签
  5. 使用字体标签对段落里的 内容进行修饰

                        代码实现

<html>
<head>
<meta charset="utf-8">
<title>HTML基础篇</title>
</head>
<body>
<h2>网站信息显示页面</h2>
<hr />
<p><font color="red">努力</font>到无能为力,<b>拼搏</b>到<i>感动</i>自己</p>
<p>未来的你 一定会感谢现在<u>拼搏</u>你</p>
</body>
</html>

  

HTML_基础篇的更多相关文章

  1. HTML_基础篇v2

    网站图片页面显示案例 1.需求分析 需要在浏览器中显示2张图片信息,效果如下: 2.技术分析 [图片标签]<img /> 属性: src:指图片的位置(路径) 路径的写法:绝对路径和相对路 ...

  2. C#多线程之基础篇3

    在上一篇C#多线程之基础篇2中,我们主要讲述了确定线程的状态.线程优先级.前台线程和后台线程以及向线程传递参数的知识,在这一篇中我们将讲述如何使用C#的lock关键字锁定线程.使用Monitor锁定线 ...

  3. 一步步学习javascript基础篇(0):开篇索引

    索引: 一步步学习javascript基础篇(1):基本概念 一步步学习javascript基础篇(2):作用域和作用域链 一步步学习javascript基础篇(3):Object.Function等 ...

  4. 2000条你应知的WPF小姿势 基础篇<15-21>

    在正文开始之前需要介绍一个人:Sean Sexton. 来自明尼苏达双城的软件工程师,对C#和WPF有着极深的热情.最为出色的是他维护了两个博客:2,000Things You Should Know ...

  5. ABP框架实践基础篇之开发UI层

    返回总目录<一步一步使用ABP框架搭建正式项目系列教程> 说明 其实最开始写的,就是这个ABP框架实践基础篇.在写这篇博客之前,又回头复习了一下ABP框架的理论,如果你还没学习,请查看AB ...

  6. C#多线程之基础篇2

    在上一篇C#多线程之基础篇1中,我们主要讲述了如何创建线程.中止线程.线程等待以及终止线程的相关知识,在本篇中我们继续讲述有关线程的一些知识. 五.确定线程的状态 在这一节中,我们将讲述如何查看一个线 ...

  7. C#多线程之基础篇1

    在多线程这一系列文章中,我们将讲述C#语言中多线程的相关知识,在多线程(基础篇)中我们将学习以下知识点: 创建线程 中止线程 线程等待 终止线程 确定线程的状态 线程优先级 前台线程和后台线程 向线程 ...

  8. iOS系列 基础篇 03 探究应用生命周期

    iOS系列 基础篇 03 探究应用生命周期 目录: 1. 非运行状态 - 应用启动场景 2. 点击Home键 - 应用退出场景 3. 挂起重新运行场景 4. 内存清除 - 应用终止场景 5. 结尾 本 ...

  9. iOS系列 基础篇 04 探究视图生命周期

    iOS系列 基础篇 04 探究视图生命周期 视图是应用的一个重要的组成部份,功能的实现与其息息相关,而视图控制器控制着视图,其重要性在整个应用中不言而喻. 以视图的四种状态为基础,我们来系统了解一下视 ...

随机推荐

  1. will-change 提高页面滚动、动画等渲染性能

    一.先来看一个例子 视差滚动现在不是挺流行的嘛,然后Chris Ruppel当其使用background-attachment: fixed实现背景图片不随滚动条滚动而滚动效果的时候,发现,页面的绘制 ...

  2. MySql必知必会实战练习(五)存储过程

    1. 为什么使用存储过程? (1) 通过把处理封装在容易使用的单元中,简化复杂操作 (2) 为了保证数据的完整性,不要求反复建立一系列的处理操作,所有开发人员和应用程序都使用同一(试验和测试)存储过程 ...

  3. Dreamweaver_CS6安装与破解

    Adobe Dreamweaver是一款非常好用的web前端设计工具,这里详细讲解CS6版本的安装及破解步骤.经过测试,CS5版本也可以使用本经验中共享的破解补丁进行破解. 工具/原料 Dreamwe ...

  4. win7安装和配置IIS7

    Internet Information Services(IIS,互联网信息服务),是由微软公司提供的基于运行Microsoft Windows的互联网基本服务.IIS意味着你能发布网页, 要在wi ...

  5. 【1】基于quartz框架和Zookeeper实现集群化定时任务系统

    (1)quartz本身可以支持集群化,是基于数据库做协调,现在构想基于zookeeper做协调实现集群化定时系统 流程图如下:

  6. webpack中多模块依赖

    多模块依赖 刚才的例子,我们仅仅是跑通了webpack通过entry.js入口文件进行打包的例子.下面我们就来看一下它是否真的支持CommonJs和AMD两种模块机制呢?下面我们新建多几个js文件吧! ...

  7. 调用 Windows 7 中英文混合朗读

    1.windows7内置语音识别 2.文本到语音转换增加了 Microsoft Lili - Chinese(China) ,支持中英文混合朗读 3.女声.部分词组基本发音准确 以上让我有做个小程序的 ...

  8. 6 字典和集合——《Swift3.0从入门到出家》

    字典和集合 字典 字典是集合类型存放多个键值对,其中键是唯一的,不能重复 字典中存放的键值对是无序的,写入的顺序和读取的顺序可能不同 字典中存放的数据是任意类型 字典可以分为可变字典和不可变字典 创建 ...

  9. hadoop之 Zookeeper 分布式应用程序协调服务

    (1) Zookeeper 在 Hadoop 集群中的作用 Zookeeper 是分布式管理协作框架,Zookeeper 集群用来保证 Hadoop 集群的高可用,(高可用的含义是:集群中就算有一部分 ...

  10. 关于app集成支付宝应用内支付的问题总结

    pem文件生成,将合作伙伴密钥复制到notepad++中,每45个字符回车,去除空格,头尾加上标题,文件需保存为无BOM的UTF8格式,就OK.  可以每行64个字符,共216个字符.   近来处理了 ...