一、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. canvas - 圆圈内 hover效果

    链接

  2. js常用算法

    1.判断一个字符串是“回文”类型,回文:形如‘abcba’.‘mamam’这种第一个与最后一个字符相同,第二个和倒数第二个字符相同...一次类推,该怎么实现呢? 对与我来说,首先看到第一眼,还真没想起 ...

  3. linux, windows, mac, ios等平台GCC预编译宏判断

    写跨平台c/c++程序的时候,需要搞清各平台下面的预编译宏,区分各平台代码.而跨平台c/c++编程,GCC基本在各平台都可以使用.整理了一份各平台预编译宏的判断示例. 需要注意几点: * window ...

  4. Leetcode 1014. Best Sightseeing Pair

    本题是leetcode121这道题的翻版,做法完全一样,也是扫一遍数组,维护两个值,一个是a[i]+i的最大值,另一个是a[i]+a[j]+i-j的最大值. class Solution: def m ...

  5. requestAnimationFrame 与 cancelAnimationFrame

    API接口 Window对象定义了以下两个接口: partial interface Window { long requestAnimationFrame(FrameRequestCallback ...

  6. RAD Studio Mobile Roadmap updated，XE5 will released on next month, Andriod will be supported.

    RAD Studio Mobile Roadmap updated   Embarcadero updated his RAD Studio Mobile Roadmap. This concern ...

  7. 自己如何获取ADO连接字符串

    自己如何获取ADO连接字符串 摘自:http://blog.csdn.net/zyq5945/article/details/5586423 有时候我们参考网上的ADO连接字符串写未必就能连接上数据库 ...

  8. C 时间函数总结

    头文件 time.h 处理器时间函数 clock_t clock(void) 处理器的处理时间,如可以在 main开始的地方 使用这个函数,然后再 完毕后 调用这个函数 并 减去 之前的返回值,为了 ...

  9. 使用Android Studio自带的NDK编译JNI

    /********************************************************************************** * 使用Android Stud ...

  10. [QT]安装中出现的问题(安装qt5.8,出现Could not start:"{0,3010,1603,5100} msiexec ...")

    安装环境:win7/10 qt版本: qt-opensource-windows-x86-mingw530-5.8.0 在两台电脑上安装到 qt.tool.perl 的时候就弹出如图的窗口错误,开始以 ...