前端浅入门-HTML

时间 2020-03-22

标签前端入门 html 栏目 HTML 繁體版

原文原文链接

前言

因为本身菜的也由于想写一写东西，同时也想与你们分享，一块儿进步，因此准备写一系列关于前端的内容。css

正文

前端三大块：HTML（HyperText Markup Language，超文本标记语言）、CSS（Cascading Style Sheets，层叠样式表）、JavaScript。这是他们的前世此生HTML、CSS、JavaScripthtml

前端浅入门系列文章：前端

前端浅入门-CSS

HTML

HTML5：HTML5 是对超文本标记语言的第五次重大修改，在不知道多久之前，HTML页面的doctype声明仍是一大串的须要指定html版本,这里是引用的HTML 4.01 Strict，windows

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
复制代码

如今改的更简单更方便了bash

<!DOCTYPE html>
复制代码

废话那么多，正文开始了 html又叫超文本标记语言，关键词超文本和标记。顾名思义就是超出了文本，比文本更高级，文本咱们见得最多见的就是txt，它只能去记录文字，而超文本在它的基础上，页面内能够包含图片，连接，视频，音频等非文本的内容，因此叫作超文本。标记也叫标签，html语法中大部分标签是成对出现的，也有单标签。网络

经常使用的html标签post

<html></html> 建立一个HTML文档
<head></head> 设置文档标题和其它在网页中不显示的信息
<title></title> 设置文档的标题 
<div></div>盒子（重点盒子模型）
<a></a>超连接标签
<p></p>建立段落
<h1></h1> 最大的标题
<h6></h6> 最小的标题
<pre></pre> 预先格式化文本     
<u></u> 下划线
<b></b> 黑体字    
<i></i> 斜体字    
<strong></strong> 加剧文本(一般是斜体加黑体)
<sup></sup> 上标字    
<sub></sub>下标字
<br/>换行
<hr>水平线
<ol></ol>建立一个有数字的列表
<ul></ul>建立一个有圆点的列表
<li></li>放在ul标签内使用，圆点标签
<dl></dl> 定义列表
<dt> 放在每一个定义术语词前
<dd> 放在每一个定义以前
<link></link>用来引入样式
<script></script>用来写js
...
...
...
复制代码

HTML的格式网站

<!doctype html>   <!--doctype声明-->
<html>    <!--HTML页面的根元素-->
    <head> <!--头部信息，包含了文档的元（meta）数据、<title>标题元素、css引用、js引用等-->
        <meta charset="utf-8"> <!--指定网页编码格式为utf-8-->
        <title>hello world</title><!--网页标题-->
    </head>
    <body> <!--主体部分，网页的内容页面，网站上显示的各类信息几乎都是在这里面完成-->
        hello world<!--页面中显示的内容-->
    </body>
</html>
复制代码

用记事本编写上面的内容编码

完成之后，将后缀名.txt改为.html（若是不会改，请百度 windows 后缀名！ps：百度的技巧，巧用空格），双击打开就是下图显示的内容。

总结

今天就说到这，老话说的好，站在巨人的肩膀上，咱们能看的更远。文章内容来源于网络，编辑是我本人。感谢快速发展的网络时代，让我也能实现一个写文章的梦。按照惯例，以上若是有描述不对的地方，请指出，我会虚心接受。spa