HTML 特别的通俗易懂!想学自己制作网页的,就来我这看看吧!

　　首先 我先介绍一下什么是HTML!

HTML是用来描述网页的一种语言!他结合CSS样式之后会有非常炫酷的样式!

　　1.HTML是指一种超文本标记语言他的全称是:Hyper Text Markup Language

　　2.HTML不是编程语言 而是一种标记语言.

　　3.HTML使用标记标签来描述网页

　　4.标记语言是一套标记标签<markup tag>

　　5.HTML文档包含了HTML标签及文本内容

　　6.HTML文档也叫做web页面

什么是HTML标签?

HTML标记标签通常被称之为HTML标签<ＨＴＭＬ　ｔａｇ>

　　１．ＨＴＭＬ标签是有尖括号包围的关键词，比如＜ｈｔｍｌ＞

　　２．ＨＴＭＬ标签通常是成对出现的，＜ｂ＞＜／ｂ＞

　　３．标签对中的第一个标签是开始标签，也就是首标签，后一个标签是结束标签，也就是尾标签！

　　　　　　ｅｙ：＜首标签＞　内容　＜尾标签＞

好啦！不是废话了，咱们先来一个简单的小案例吧！

ＨＴＭＬ实例：

　　<!DOCTYPE html>

　　<html>
　　　　<head>
　　　　<meta charset="UTF-8">
　　　　<title></title>
　　　　</head>
　　<body>
　　　　我的第一个网页哦!
　　</body>
　　</html>

[小提示:注意代码缩进哦!]

　然后 他的效果 就是这个样子的!

就着这么简单!虽然丑丑的 但毕竟是第一个嘛!以后会有很多神奇的效果的!

实例解析:

　　1.<!DOCTYPE html>描述了文档类型

　　2.位于<html>与</html>中的描述了文档类型

　　3.位于<body>与</body>中的为可视化网页内容,也就是说,网页 页面中一切你看到的东西都是位于<body>与</body>中的

　　4.  <title></title>标签是页头,也就是你的网页中

　　

　　这个地方显示的东西!

　　5.目前,在大部分浏览器中,直接输出中文或出现中文乱码的情况而我们的<meta charset="UTF-8">标签就是防止中文乱码的标签

　　6<head></head>则是头部的意思!

好啦!就这些吧!大家要自己试一下哦!

HTML 简单了解的更多相关文章

  1. 【造轮子】打造一个简单的万能Excel读写工具

    大家工作或者平时是不是经常遇到要读写一些简单格式的Excel? shit!~很蛋疼,因为之前吹牛,就搞了个这东西,还算是挺实用,和大家分享下. 厌烦了每次搞简单类型的Excel读写?不怕~来,喜欢流式 ...

  2. Fabio 安装和简单使用

    Fabio(Go 语言):https://github.com/eBay/fabio Fabio 是一个快速.现代.zero-conf 负载均衡 HTTP(S) 路由器,用于部署 Consul 管理的 ...

  3. node.js学习（三）简单的node程序&&模块简单使用&&commonJS规范&&深入理解模块原理

    一.一个简单的node程序 1.新建一个txt文件 2.修改后缀 修改之后会弹出这个,点击"是" 3.运行test.js 源文件 使用node.js运行之后的. 如果该路径下没有该 ...

  4. 哪种缓存效果高？开源一个简单的缓存组件j2cache

    背景 现在的web系统已经越来越多的应用缓存技术,而且缓存技术确实是能实足的增强系统性能的.我在项目中也开始接触一些缓存的需求. 开始简单的就用jvm(java托管内存)来做缓存,这样对于单个应用服务 ...

  5. 在Openfire上弄一个简单的推送系统

    推送系统 说是推送系统有点大,其实就是一个消息广播功能吧.作用其实也就是由服务端接收到消息然后推送到订阅的客户端. 思路 对于推送最关键的是服务端向客户端发送数据,客户端向服务端订阅自己想要的消息.这 ...

  6. 我的MYSQL学习心得（一） 简单语法

    我的MYSQL学习心得(一) 简单语法 我的MYSQL学习心得(二) 数据类型宽度 我的MYSQL学习心得(三) 查看字段长度 我的MYSQL学习心得(四) 数据类型 我的MYSQL学习心得(五) 运 ...

  7. 使用 Nodejs 搭建简单的Web服务器

    使用Nodejs搭建Web服务器是学习Node.js比较全面的入门教程,因为要完成一个简单的Web服务器,你需要学习Nodejs中几个比较重要的模块,比如:http协议模块.文件系统.url解析模块. ...

  8. ASP.NET Aries 入门开发教程2：配置出一个简单的列表页面

    前言: 朋友们都期待我稳定地工作,但创业公司若要躺下,也非意念可控. 若人生注定了风雨飘摇,那就雨中前行了. 最机开始看聊新的工作机会,欢迎推荐,创业公司也可! 同时,趁着自由时间,抓紧把这系列教程给 ...

  9. 简单入门canvas - 通过刮奖效果来学习

    一 .前言 一直在做PC端的前端开发,从互联网到行业软件.最近发现移动端已经成为前端必备技能了,真是不能停止学习.HTML5新增的一些东西,canvas是用的比较多也比较复杂的一个,简单的入门了一下, ...

  10. 简单粗暴地理解js原型链--js面向对象编程

    原型链理解起来有点绕了,网上资料也是很多,每次晚上睡不着的时候总喜欢在网上找点原型链和闭包的文章看,效果极好. 不要纠结于那一堆术语了,那除了让你脑筋拧成麻花,真的不能帮你什么.简单粗暴点看原型链吧, ...

随机推荐

  1. Python的内置函数open()的注意事项

    用法 : open("file_address","open_mode")例子 : f = open("D:\PycharmProjects\log. ...

  2. 通过chrome inspect 来调试手机hybird APP

    hybird APP 虽然显示效果和编译前的前端页面大致相同,但是其中操作可能会调用一些浏览器中没有的接口,从而产生一些意料之外的问题,因此了解和掌握如何调试就变得尤为重要. 本文简要介绍了如何利用c ...

  3. C#文件下载（适用于各个浏览器）

    1.cs代码 public void DownFile(string filePath ,string fileName ) { // filePath 文件路径 例如:/File/记录.xlsx / ...

  4. JavaScript、Python、java、Go算法系列之【快速排序】篇

    常见的内部排序算法有:插入排序.希尔排序.选择排序.冒泡排序.归并排序.快速排序.堆排序.基数排序等. 用一张图概括: 选择排序 选择排序是一种简单直观的排序算法,无论什么数据进去都是 O(n²) 的 ...

  5. redis入门指南-附录B

  6. 关于Laravel中的artisan命令

    p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Helvetica; color: #454545 } p.p2 { margin: 0.0p ...

  7. SmartCoder每日站立会议06

    站立会议内容 讨论了小程序的具体实现方式,主要会加入地图这一元素,使程序看起来更加的方便直观,同时也会使人感到新颖.在对各个点的评论对话功能也在考虑中. 1. 站立会议照片: 2.任务展板 3.燃尽图

  8. 无声的吐槽csdn

    上次朋友聚会,说csdn挺好的,我琢磨着,那好我也去注册一个.经过n次的注册(用户名那边老是验证不过,不给中文开头,然后随便填了一个),终于搞定了! 我想,不错啊,做了这么多限制,挺安全的感觉.然后我 ...

  9. git使用简易指南

    安装 下载 git OSX 版 下载 git Windows 版 下载 git Linux 版 创建新仓库 创建新文件夹,打开,然后执行 git init 以创建新的 git 仓库. 检出仓库 执行如 ...

  10. jQuery对象的创建（一）

    在jQuery的常规用法中,执行"$()"返回的是一个jQuery对象,在源码中,它是这样定义的: ... var jQuery = function() { return new ...