什么是HTML

简介: 什么是HTML

1.什么是HTML

      超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。

2.HTML基础框架

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
  </body>
</html>

这是HTML的基础框架,我们之后一系列前端内容都要在这里输入

3.DOCTYPE 的作用是什么?为什么在页面第一行?

      DOCTYPE的作用是告诉浏览器使用哪个 HTML 版本来解析网页,并且也有助于确保网页能够以一致的方式在不同浏览器中显示。 DOCTYPE 声明应该作为 HTML 文档的第一行,并在 <html> 标签之前。 不同的 DOCTYPE 声明会触发不同的浏览器渲染模式,因此使用正确的 DOCTYPE 声明非常重要。

4.码集的作用是什么?为什么常用utf-8?

      编码集在数据传输的作用 UNICODE 相当于规定了字符对应的码值,这个码值必须编码成字节的形式去传输和存储。

      UTF-8 是 UNICODE 的一种变长字符编码,即 RFC 3629。简单的说大字符集可以解决多种语言文本显示问题,从而实现应用国际化和本地化。

      对系统来讲,UTF-8 编码可以通过屏蔽位和移位操作快速读写,排序更加容易。UTF-8 是字节顺序无关的,它的字节顺序在所有系统中都是一样的。因此 UTF-8 具有更高的性能。

5.title的作用

<title> 标签定义文档的标题,标题必须是纯文本的,显示在浏览器的标题栏或页面的选项卡中。

6.body有什么用

body主要是用来写网页内容的框架,代码书写的内容呈现在网页上面供人观看。

7.书写一个“hello word”

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
       hello  word
  </body>
</html>

      直接在body区域输入自己想要的文字即可,当然,由于没有进行排版,如果写的特别多就会比较乱,需要我们接着往后面学习。

8.文字剧中(text-align:center;)

      接着上一个来讲,我们目前所写的内容只是靠着左边,不怎么美观,那么现在我们先来一个简单的样式的修改,大家一起来看看吧

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title></title>
    <style>
      body{
        text-align: center;
      }
    </style>
  </head>
  <body>
    hello word
  </body>
</html>

      如图所示,在head里面加入style样式,这样文字就剧中了

9.文字颜色

      接上回,现在对文本添加颜色,具体代码如下

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title></title>
    <style>
      body{
        text-align: center;
        color: red;
      }
    </style>
  </head>
  <body>
    hello word
  </body>
</html>

      如图所示,这就是今天所修改样式最终结果。

我是小辉,请大家多多关照

目录
相关文章
|
3月前
|
数据格式
什么是HTML?
【8月更文挑战第27天】什么是HTML?
33 2
|
4月前
|
移动开发 前端开发 iOS开发
HTML
HTML
87 0
|
6月前
|
开发者
html怎么学
【4月更文挑战第10天】html怎么学
30 1
|
6月前
|
前端开发 搜索推荐
html的常用技巧
【4月更文挑战第1天】html的常用技巧
23 2
|
6月前
|
前端开发 Python
初识HTML
本文介绍了HTML的基本概念和使用方法。
|
6月前
|
弹性计算 前端开发 容器
HTML详解连载(8)
HTML详解连载(8)
|
6月前
|
存储 移动开发 缓存
html5
html5
40 4
|
前端开发 JavaScript Java
HTML 简单介绍
HTML 简单介绍
HTML 简单介绍
|
移动开发 开发工具 HTML5
HTML5简单总结
学习HTML后的简单总结
174 0
HTML5简单总结
|
前端开发 安全 数据安全/隐私保护
HTML大总结(四)
HTML大总结(四)
182 0
HTML大总结(四)

相关实验场景

更多