认识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. koa 应用生成器

    通过应用 koa 脚手架生成工具 可以快速创建一个基于 koa2 的应用的骨架 1.全局安装 npm install koa-generator -g 2.创建项目 koa koa_demo 3.安装 ...

  2. 创建DevExtreme应用程序

    如果你从头开始一个项目,那就使用DevExtreme Angular 模板.生成的项目带导航菜单以及在响应布局中的几个对应的示例视图. 你可以使用 DevExtreme CLI 生成应用程序: npx ...

  3. RN在Mac环境下开发环境搭建

    1.推荐使用Homebrew来安装 Node 和 Watchman.在命令行中执行下列命令安装: brew install node brew install watchman 如果你已经安装了 No ...

  4. numpy之数组属性与方法

    # coding=utf-8import numpy as npimport random # nan是一个float类型 ,not a num不是一个数字;inf,infinite 无穷 # 轴的概 ...

  5. Django Auth模块及User对象方法

    一:Django的用户认证 from django.contrib import auth django.contrib.auth中提供了许多方法,这里主要介绍其中的三个: 1:authenticat ...

  6. Returning array from function in C

    以下为了通俗易懂,使用意译. I've here very intersting discussion about the best and common ways to return an arra ...

  7. [笔记] 使用v2r访问外网

    介绍 首先,你需要有一台能上外网的服务器,如AWS,GCP等. 其次,请自行复制全文,然后将FXXK替换为v2r的全称(5个小写字符). 服务器上Docker镜像配置流程 拉取镜像 $ sudo do ...

  8. 在Linux中使用minikube

    Minikebe Minikube是一个轻量级Kubernetes实现,它在本地机器上创建一个VM,并部署一个只包含一个节点的简单集群. Minikube使用Docker机器来管理Kubernetes ...

  9. MybatisPlus使用代码篇

    package spring.server.consumer; import com.baomidou.mybatisplus.annotation.DbType; import com.baomid ...

  10. P1097 【统计数字】

    超可爱的题目链接 这题是真不难,就是刚开始被自己的智商坑了一次... 用数组的常规做法实在是有点不切实际..数据大了. 所以用数组读入,再用循坏处理. 附上代码: #include<set> ...