认识HTML

学习一门语言，我们要先了解它，可以不用太资深，但要做到别人问，你能回答得出来！

注：推荐大家去网址：www.w3school.com.cn 前端学习手册(免费的)

HTML（超文本标记语言）这里要记住哦，它是标记语言，不是编辑语言；

标记语言是一套标记标签；

什么是标签呢：<> 左右尖括号包含起来的即是标签；比如我们只做网页，常用的<div>这是div标签，块级元素，会跨行</div>  <a href="">这是a标签，超链接，可以跳转网页，必须有href 属性，否则超链接会失效</a>  <span>这是一个行级元素，不会跨行，无法设置属性 height(高)</span>  <img src="图片路径" alt="没有找到出现提示" /> 图片标签，看着哦，这个标签和前面三个有区别，它的结束标签就在开始标签的结尾处加了一个 反斜杠 '/'，同学们要多多注意它的规则写法；

这里就简单举例一下这几个标签，后面的课程会介绍它们之间的区别和常用在什么地方；

一个HTML的组成是由这三个标签：

<html>

<head>

<!-- head标签，一般用来申明引用脚本，比如 css、js、meta、title -->

</head>

<body>

网页显示的内容，比如常见的网站，哔哩哔哩、淘宝、爱奇艺，整个网页上呈现的内容，都是在 body标签里写的

</body>

</html>

附加：老师理论不强，属于拿着需求能做出效果，但是解释就不行了，若有同学和老师情况一样，就多敲代码，记住这个标签、属性、值的作用。

额外知识：我们写代码，有很多编程工具，其实工具的作用都是一样的，重点是好不好用，使用者喜不喜欢，只要文件后缀是 html，文件内容格式是按照html的标准，为W3C标准，几乎都是可以运行的，怎么运行呢？最简单的方法：

1.一台计算机

2.随便一个位置创建一个文件(右键，选择文本)

3.创建出来的文本，一般是txt文本，我们将它的后缀改成html

4.按照html标准(同学可以将我上面的代码复制进去)编写内容

5.打开浏览器，在地址栏里输入文件的所在位置和文件名，即可访问出网页内容

6.考虑到部分同学入门，老师带一下，地址比如是：E:index.html   意思为：E盘中的index.html文件

第一篇 HTML 认识HTML的更多相关文章

  1. 从0开始搭建SQL Server AlwaysOn 第一篇（配置域控）

    从0开始搭建SQL Server AlwaysOn 第一篇(配置域控) 第一篇http://www.cnblogs.com/lyhabc/p/4678330.html第二篇http://www.cnb ...

  2. Python爬虫小白入门（四）PhatomJS+Selenium第一篇

    一.前言 在上一篇博文中,我们的爬虫面临着一个问题,在爬取Unsplash网站的时候,由于网站是下拉刷新,并没有分页.所以不能够通过页码获取页面的url来分别发送网络请求.我也尝试了其他方式,比如下拉 ...

  3. Three.js 第一篇：绘制一个静态的3D球体

    第一篇就画一个球体吧 首先我们知道Three.js其实是一个3D的JS引擎,其中的强大之处就在于这个JS框架并不是依托于JQUERY来写的.那么,我们在写这一篇绘制3D球体的文章的时候,应该注意哪些地 ...

  4. 深入学习jQuery选择器系列第一篇——基础选择器和层级选择器

    × 目录 [1]id选择器 [2]元素选择器 [3]类选择器[4]通配选择器[5]群组选择器[6]后代选择器[7]兄弟选择器 前面的话 选择器是jQuery的根基,在jQuery中,对事件处理.遍历D ...

  5. 【第一篇】ASP.NET MVC快速入门之数据库操作（MVC5+EF6）

    目录 [第一篇]ASP.NET MVC快速入门之数据库操作(MVC5+EF6) [第二篇]ASP.NET MVC快速入门之数据注解(MVC5+EF6) [第三篇]ASP.NET MVC快速入门之安全策 ...

  6. Android基础学习第一篇—Project目录结构

    写在前面的话: 1. 最近在自学Android,也是边看书边写一些Demo,由于知识点越来越多,脑子越来越记不清楚,所以打算写成读书笔记,供以后查看,也算是把自己学到所理解的东西写出来,献丑,如有不对 ...

  7. 深入理解ajax系列第一篇——XHR对象

    × 目录 [1]创建对象 [2]发送请求 [3]接收响应[4]异步处理[5]实例演示 前面的话 ajax是asynchronous javascript and XML的简写,中文翻译是异步的java ...

  8. 深入理解javascript对象系列第一篇——初识对象

    × 目录 [1]定义 [2]创建 [3]组成[4]引用[5]方法 前面的话 javascript中的难点是函数.对象和继承,前面已经介绍过函数系列.从本系列开始介绍对象部分,本文是该系列的第一篇——初 ...

  9. 深入理解this机制系列第一篇——this的4种绑定规则

    × 目录 [1]默认绑定 [2]隐式绑定 [3]隐式丢失[4]显式绑定[5]new绑定[6]严格模式 前面的话 如果要问javascript中哪两个知识点容易混淆,作用域查询和this机制绝对名列前茅 ...

  10. 前端工程师技能之photoshop巧用系列第一篇——准备篇

    × 目录 [1]作用 [2]初始化 [3]常用工具[4]快捷键 前面的话 photoshop是前端工程师无法回避的一个软件,这个软件本身很强大,但我们仅仅需要通过这个工具来完成基本的切图工作即可.本文 ...

随机推荐

  1. LC 851. Loud and Rich

    In a group of N people (labelled 0, 1, 2, ..., N-1), each person has different amounts of money, and ...

  2. Zabbix - LINUX下CPU，硬盘，流量，内存监控

    转载自:https://blog.csdn.net/jxzhfei/article/details/47191431 1.LINUX下zabbix客户端安装 [root@mongodb114 ~]# ...

  3. 解决Mysql无法导入存在null数据的问题

    其实很简单,在mysql的控制台输入 SET @@GLOBAL.sql_mode="NO_AUTO_CREATE_USER,NO_ENGINE_SUBSTITUTION"; 然后重 ...

  4. Cinder AZ 与 Nova AZ 的同步问题

    问题 今天处理了一个 Boot from volume 失败的问题,错误日志给出了明确的原因:The instance and volume are not in the same AZ. Build ...

  5. redis（3）主从与集群

    一.主从架构 yum安装的redis cd /etc/ cp redis.conf /etc/slave.conf vim slave.conf bind 192.168.42.7 slaveof p ...

  6. pyQt点击事件和数据传输

    首先是PushButton点击事件,点击按钮之后发送textEdit框里输入的文字到后台. def retranslateUi(self, MainWindow): _translate = QtCo ...

  7. 【Linux】【二】linux 压缩文件（txt）、查看压缩文件内容、解压缩文件、

    通过Xshell 压缩文件.解压缩文件 gzip tools.txt 压缩[tools.txt]文件 zcat tools.txt.gz   查看压缩文件[tools.txt.gz]内容 gunzip ...

  8. PJzhang:从csdn到pipal密码分析工具

    猫宁!!! 偶然看到一篇短文,是对2011年csdn泄露的约643万数据的数据汇总分析,这里做个简要总结 .   一.单一密码使用5000人以上的,14个,当时密码中有两个命名方式很有趣,dearbo ...

  9. CVE-2018-2628

    哈哈哈,终于等到我复现一个CVE漏洞了. 漏洞描述 Oracle Fusion Middleware(Oracle融合中间件)是美国甲骨文(Oracle)公司的一套面向企业和云环境的业务创新平台.该平 ...

  10. [转帖]备忘：CentOS-7 使用systemctl 管理的服务，文件打开数上限1024要改

    备忘:CentOS-7 使用systemctl 管理的服务,文件打开数上限1024要改 https://blog.csdn.net/toontong/article/details/50440272 ...