发表于： 2019-04-03 22:59:25
1 829
今天完成的事情：
一、百度下载了webstorm和谷歌浏览器并了解
WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。
二.查看学习资料--《文档类型——HTML <!DOCTYPE> 标签》：
超文本标记语言，标准通用标记语言下的一个应用。是 网页制作必备的编程语言
“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
超文本标记语言的结构
包括“头”部分（英语：Head）、和“主体”部分（英语：Body），
其中“头”部提供关于网页的信息，
“主体”部分提供网页的具体内容。可以展示在浏览器页面上的
三、查看学习资料--《标签——HTML标签图解》
html全称为HyperText Mackeup Language，译为超文本标记语言，不是一种编程语言，是一种描述性的标记语言，用于描述超文本中内容的显示方式。比如字体什么颜色，大小等。
- 超文本：音频，视频，图片称为超文本。
- 标记 ：<英文单词或者字母>称为标记，一个HTML页面都是由各种标记组成。
作用：HTML是负责描述文档语义的语言。
注意：HTML语言不是一个编程语言(有编译过程)，而是一个标记语言(没有编译过程)，HTML页面直接由浏览器解析执行。
- 网页 ：由各种标记组成的一个页面就叫网页。
- 主页(首页) : 一个网站的起始页面或者导航页面。
- 标记：
<p>称为开始标记 ，</p>称为结束标记，也叫标签。每个标签都规定好了特殊的含义。 - 元素：
<p>内容</p>称为元素. - 属性：给每一个标签所做的辅助信息。
- HTML的规范
- HTML是一个弱势语言
- HTML不区分大小写
- HTML页面的后缀名是html或者htm(有一些系统不支持后缀名长度超过3个字符，比如dos系统)
- HTML的结构：
- 声明部分：主要作用是用来告诉浏览器这个页面使用的是哪个标准。<!doctype html>是HTML5标准。
- head部分：将页面的一些额外信息告诉服务器。不会显示在页面上。
- body部分：我们所写的代码必须放在此标签內。
目前，IE浏览器是完全不支持H5的，支持最好的是Opera浏览器，可以支持95%以上；其次是google，可以支持一部分H5。
编写XHTML的规范
1·所有标记元素都要正确的嵌套，不能交叉嵌套。
2·所有的标记都必须小写。
3·所有的标记都必须关闭。
双边标记：<span></span> 单边标记：<br> 转成 <br /> <hr> 转成 <hr />，还有<img src=“URL” />
4·所有的属性值必须加引号。
5·所有的属性必须有值。
6·XHTML文档开头必须要有DTD文档类型定义。
HTML对换行不敏感，对tab不敏感。
- HTML结构
- 所有的浏览器默认情况下都会忽略空格和空行
- 每个标签都有私有属性。也都有公有属性。
- html中表示长度的单位都是像素。HTML只有一种单位就是像素。
- 任何一个标准的HTML页面，第一行一定是一个以<!DOCTYPE ……开头的语句。
实战演练
<!DOCTYPE html>
<!--这是一个声明文档的标签 是HTML5特有的-->
<html>
<!--定义文档的头部,头部元素的容器-->
<head>
<title>1234</title>
</head>
<body><a href="http://www.baidu.com">百度一下，你就知道</a>.
超链接
<img src="F:/QQ图片20190403214035.jpg" alt="这是失效后的图片解释"/>
</body>
文档的主体 页面显示内容
<html/>
明日计划：学习css。
遇到问题：刚接触 标签太多 记不住 缺乏实操 。
收获：html知识点 html标签的使用。
返回列表
评论