发表于: 2019-04-03 21:48:04

1 800


今天完成的事情:

一、下载webstorm 和谷歌浏览器

什么是webstorm?

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。(百度百科)


二、HTML

什么是HTML

html全称为HyperText Mackeup Language,译为超文本标记语言,不是一种编程语言,是一种描述性的标记语言,用于描述超文本中内容的显示方式。

  • 超文本:音频,视频,图片称为超文本。
  • 标记 :<英文单词或者字母>称为标记,一个HTML页面都是由各种标记组成。

注意:HTML语言不是一个编程语言(有编译过程),而是一个标记语言(没有编译过程),HTML页面直接由浏览器解析执行。



HTML 规范

  • HTML不区分大小写
  • HTML页面的后缀名是html或者htm(有一些系统不支持后缀名长度超过3个字符,比如dos系统)
  • HTML的结构:
    • 声明部分:主要作用是用来告诉浏览器这个页面使用的是哪个标准。<!doctype html>是HTML5标准。
    • head部分:将页面的一些额外信息告诉服务器。不会显示在页面上。
    • body部分:我们所写的代码必须放在此标签內。

目前,IE浏览器是完全不支持H5的,支持最好的是Opera浏览器,可以支持95%以上;其次是google,可以支持一部分H5


三、(编码实战)新建一个以.html后缀结尾的文件,并且补全其中的文档类型和基本标签,使用Chrome浏览器打开它(

<!doctype html>
<!--<!DOCTYPE> 是html5的声明,声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。-->
<html>
<head>
   <meta charset="UTF-8">
<!--    <meta> 元素可提供有关页面的元信息,标签位于文档的头部,不包含任何内容。-->
   <meta name="viewport"
         content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <title>Document</title>
</head>
<body>
<a href="http://www.baidu.com">百度一下,你就知道</a>
这是一个缩写的标签<abbr title="w3cSchool">w3c</abbr>我们都知道
</body>
</html>



简单的玩了几个标签


明天计划的事情:(一定要写非常细致的内容)

明天计划 学习CSS把 



遇到的问题:(遇到什么困难,怎么解决的) 

没有遇到



收获:(通过今天的学习,学到了什么知识)

HTML知识点

相关的标签的使用




返回列表 返回列表
评论

    分享到