认识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 727. Minimum Window Subsequence 【lock，hard】

    Given strings S and T, find the minimum (contiguous) substring W of S, so that T is a subsequenceof  ...

  2. RGB颜色透明度转换

    100% — FF95% — F290% — E685% — D980% — CC75% — BF70% — B365% — A660% — 9955% — 8C50% — 8045% — 7340% ...

  3. dyld: Library not loaded: /usr/local/opt/readline/lib/libreadline.7.dylib

    dyld: Library not loaded: /usr/local/opt/readline/lib/libreadline.7.dylib Table of Contents 1. 启动时报错 ...

  4. Fullgc引发redis超时异常

    1.现象 -|2019-11-14 11:50:01.095|ERROR|TID:2254.3964.15737033664569521|DubboServerHandler-192.168.58.2 ...

  5. Ironic 裸金属管理服务的底层技术支撑

    目录 文章目录 目录 底层技术支撑 DHCP NBP TFTP IPMI PXE & iPXE Cloud Init Linux 操作系统启动引导过程 底层技术支撑 PXE:预启动执行环境,支 ...

  6. Java 程序员必备的 Intellij IDEA 插件

    以下是我用过不错的Intellij插件,分享给大家希望能帮到大家. 1. ignore 地址: https://plugins.jetbrains.com/plugin/7495--ignore 生成 ...

  7. Implementing a Dynamic Vector (Array) in C（使用c实现动态数组Vector）

    An array (vector) is a common-place data type, used to hold and describe a collection of elements. T ...

  8. 利用Apache POI操作Excel

    最近在做接口,有个功能是利用Excel导入汽车发动机所需零件信息到线上系统中.简单回顾一下之前学过的用java操作Excel. 1.maven配置Apache POI pom.xml中配置POIjar ...

  9. MUT值设置、top等命令无法执行、ssh无法登陆、vim命令卡住

    [root@host---- ~]# ifconfig eth0: flags=<UP,BROADCAST,RUNNING,MULTICAST> mtu inet 10.1.1.204 n ...

  10. 使用rman备份将rac环境恢复到单实例

    使用rman备份将rac环境恢复到单实例 rac环境 [oracle@rac02 ~]$ cat /etc/hosts 127.0.0.1 localhost localhost.localdomai ...