HTML_基础篇
一、HTML的概述
- 什么是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
- 创建一个HTML文件
- 创建一个标题标签
- 创建一个水平线标签
- 创建两个段落标签
- 使用字体标签对段落里的 内容进行修饰
代码实现
<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_基础篇的更多相关文章
- HTML_基础篇v2
网站图片页面显示案例 1.需求分析 需要在浏览器中显示2张图片信息,效果如下: 2.技术分析 [图片标签]<img /> 属性: src:指图片的位置(路径) 路径的写法:绝对路径和相对路 ...
- C#多线程之基础篇3
在上一篇C#多线程之基础篇2中,我们主要讲述了确定线程的状态.线程优先级.前台线程和后台线程以及向线程传递参数的知识,在这一篇中我们将讲述如何使用C#的lock关键字锁定线程.使用Monitor锁定线 ...
- 一步步学习javascript基础篇(0):开篇索引
索引: 一步步学习javascript基础篇(1):基本概念 一步步学习javascript基础篇(2):作用域和作用域链 一步步学习javascript基础篇(3):Object.Function等 ...
- 2000条你应知的WPF小姿势 基础篇<15-21>
在正文开始之前需要介绍一个人:Sean Sexton. 来自明尼苏达双城的软件工程师,对C#和WPF有着极深的热情.最为出色的是他维护了两个博客:2,000Things You Should Know ...
- ABP框架实践基础篇之开发UI层
返回总目录<一步一步使用ABP框架搭建正式项目系列教程> 说明 其实最开始写的,就是这个ABP框架实践基础篇.在写这篇博客之前,又回头复习了一下ABP框架的理论,如果你还没学习,请查看AB ...
- C#多线程之基础篇2
在上一篇C#多线程之基础篇1中,我们主要讲述了如何创建线程.中止线程.线程等待以及终止线程的相关知识,在本篇中我们继续讲述有关线程的一些知识. 五.确定线程的状态 在这一节中,我们将讲述如何查看一个线 ...
- C#多线程之基础篇1
在多线程这一系列文章中,我们将讲述C#语言中多线程的相关知识,在多线程(基础篇)中我们将学习以下知识点: 创建线程 中止线程 线程等待 终止线程 确定线程的状态 线程优先级 前台线程和后台线程 向线程 ...
- iOS系列 基础篇 03 探究应用生命周期
iOS系列 基础篇 03 探究应用生命周期 目录: 1. 非运行状态 - 应用启动场景 2. 点击Home键 - 应用退出场景 3. 挂起重新运行场景 4. 内存清除 - 应用终止场景 5. 结尾 本 ...
- iOS系列 基础篇 04 探究视图生命周期
iOS系列 基础篇 04 探究视图生命周期 视图是应用的一个重要的组成部份,功能的实现与其息息相关,而视图控制器控制着视图,其重要性在整个应用中不言而喻. 以视图的四种状态为基础,我们来系统了解一下视 ...
随机推荐
- pg_test_fsync使用记录
pg_test_fsync pg_test_fsync旨在让您合理地了解特定系统上最快的wal_sync_method,以及在发生识别的I / O问题时提供诊断信息. 但是,pg_test_fsync ...
- jgit - java实现git操作
在做一个项目中需要用到远程仓库,本来想使用svn的,但是svn的java api网上的资料很少,而且与git相比,svn显得笨重且不方便,因此放弃了svn转而使用git.java git api - ...
- 3天学习完AngularJS基础内容小结
简介:AngularJS 是一个 JavaScript 框架.它是一个以 JavaScript 编写的库. 一.AngularJS大致功能模块 二.页面交互变得简单 1.示例:计算价格 <htm ...
- SEH:结构化异常处理 学习
SEH:结构化异常处理 结构化异常处理机制提供了一个操作系统,用于优化结构的方案,为客户提供更强大的程序执行环境.试想一下,你写程序不用考虑内存访问错误,那里是空指针错误,一直在按照程序的逻辑结构来写 ...
- Go语言使用匿名结构体解析JSON数据
手机拥有屏幕.电池.指纹识别等信息,将这些信息填充为 JSON 格式的数据.如果需要选择性地分离 JSON 中的数据则较为麻烦.Go 语言中的匿名结构体可以方便地完成这个操作. 首先给出完整的代码,然 ...
- win2003从组策略关闭端口(445/135/137/138/139/3389等)教程
一些恶劣的病毒会从某些端口入侵计算机,因此关闭某些用不到的而又具有高风险的端口就显得很有必要,是服务器管理员要做的基本的安全防范.本文将介绍win2003系统在组策略关闭某一个端口的教程,文章以关闭4 ...
- [ArgumentException: 可能证书“CN=JRNet01-PC”没有能够进行密钥交换的私钥,或者进程可能没有访问私钥的权限。有关详细信息,请参见内部异常。]
堆栈跟踪: [CryptographicException: 密钥集不存在. ] System.Security.Cryptography.Utils.CreateProvHandle(CspPara ...
- LeetCode IPO
原题链接在这里:https://leetcode.com/problems/ipo/description/ 题目: Suppose LeetCode will start its IPO soon. ...
- 【java规则引擎】一个基于drools规则引擎实现的数学计算例子
最近在研究JBPM工作流引擎,发现JBPM是基于Drools的,官方文档查看得知Drools是一款规则引擎.兴趣之下,仔细了解了下 Drools,Drools作为JBoss出品的一款开源推理和规则引擎 ...
- [樹莓派]用mkusb来制作U盘启动安装Ubuntu 15.04
之前實踐過這文章的描述,還可以成功:http://www.linuxdiyf.com/linux/12719.html,轉記錄餘下: 官方英文文档,教你在Ubuntu 15.04下使用mkusb来制作 ...