首先给大家提供一个网站
HTML/CSS/JavaScript学习资料：http://www.w3school.com.cn/
- 什么是HTML
HTML的全称是HyperText Markup Language，超文本标记语言
其实它就是文本，由浏览器负责将它解析成具体的网页内容
比如，浏览器会将 上面的HTML代码 转换为 下面的网页内容
<ur>
<li>
123
</li>
<li>
456
</li>
</ur>
- HTML的组成
跟XML类似，HTML由N个标签（节点、元素、标记）组成
HTML语法非常松散，目前的最新版是5.0，也就是HTML 5
HTML 的基本语法
开发软件 WebStorm 从苹果商店下载是需要RMB 的，可以百度找破解版的，废话不多说了，先看一下开头的代码
<html>
<!--头部标签-->
<head>
<!--网站编码-->
<!--<meta charset="UTF-8">-->
<title>第一个程序</title>
</head>
<!--身体标签-->
<body>
</body>
</html>
首先我们要知道 所有的标签都是写在<heml>标签里的，它里面是由<header>和<body>两部分组成,<meta charset="UTF-8">这个主要就是说 网站的编码格式，如果把这行代码注释掉，就会出现乱码，我总结了一下最基础的常用标签
- 注释
command + / - 标题标签
<h1></h1> <h2></h2> ........ <h6></h6>
这个一共分为6级，每一级的文字大小不一样 - 段落标签
<p></p> - 输入框标签
<input>这个是单标签 ，上面有结尾标签的是双标签，一般有内容的都是双标签
它的样式有很多种 大家可以试试 - 换行
<br> - 图片标签
img
<img src="">
- 本地路径 ----引出协议：
http ftp file跨域的问题 - 相对路径和绝对路径
相对路径：从当前文件入手去找这个图片文件 （加一个文件夹用于区分）
绝对路径：右击-->复制图片网址
- 容器
<div>
这个标签跟<h>标签有区别的- 标签里面的内容字体大小比
<h>标签里的内容字体小 - 标签里面内容的间距小
- 标签里面的内容字体大小比
- 超链接
<a>
<a href="" target="_blank"></a>
href是地址 target 是打开网页的方式_blank：在新窗口显示目标网页_self：在当前窗口显示目标网页_top：框架网页中在上部窗口中显示目标网页
a 标签里最常用的就是这2个
总结一下：学习HTML 不能手懒 多敲 尝试每个标签的特点
网友评论