一、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. 微信小程序入门四: 导航栏样式、tabBar导航栏

    实例内容 导航栏样式设置 tabBar导航栏 实例一:导航栏样式设置 小程序的导航栏样式在app.json中定义. 这里设置导航,背景黑色,文字白色,文字内容测试小程序 app.json内容: { & ...

  2. 在Windows下为PHP5.6安装redis扩展

    Redis 安装 Window 下安装 下载地址:https://github.com/MSOpenTech/redis/releases. Redis 支持 32 位和 64 位.这个需要根据你系统 ...

  3. Flask的消息message机制flash

    Flask的消息机制flash message是一个基于session实现的用于保存数据的集合,其特点是:使用一次就删除. 原理就是 操作成功 session['操作'] = 'msg' # 设置 s ...

  4. 项目工程结构说明(Internal)

    注意:想要彻底把Internal关键字搞清楚,就耐着性子把她读完.当然了这篇文章只是对其他文章的总结.也算是引用吧.主要还是为了把知识点搞清楚 进入主题之前先来了解一下,项目.解决方案.程序集.命名空 ...

  5. 《Drools7.0.0.Final规则引擎教程》第4章 4.1 规则文件

    一个标准的规则文件的格式为已".drl"结尾的文本文件,因此可以通过记事本工具进行编辑.规则放置于规则文件当中,一个规则文件可以放置多条规则.在规则文件当中也可以存放用户自定义的函 ...

  6. [转]优化Flash性能

    原文:http://www.adobe.com/devnet/flash/articles/optimizing-flash-performance.html 翻译:http://bbs.9ria.c ...

  7. 解放内存之搭建自己的 R Server

    学校的课五门有四门需要跑R程序,有一些长长长的代码实在是占用了太多的内存,果断决定搭个R的服务器放着自己跑. 愉快的是,R studio server 的搭建真心简单快捷~这个从前被我忽略的东东终于排 ...

  8. 修改CentOS7网卡名称为传统名称eth0格式

    1.调整网卡名称 进入网卡目录```[root@tools]# cd/etc/sysconfig/network-scripts/``` 修改名称```[root@network-scripts]# ...

  9. HihoCoder1325 : 平衡树·Treap(附STL版本)

    平衡树·Treap 时间限制:10000ms 单点时限:1000ms 内存限制:256MB 描述 小Ho:小Hi,我发现我们以前讲过的两个数据结构特别相似. 小Hi:你说的是哪两个啊? 小Ho:就是二 ...

  10. noip积木大赛

    先要覆盖一号位置的高度,(现在你的目的只是想要覆盖一号位置). 每次你可以选区间[l,r]高度+1,这个作为一个操作. 为什么不选的范围大一点,让更多的区间增加高度呢. 所以红色的地方是,在我的目的是 ...