web知识清单

模块一：HTML

1.html是什么：

　　hyperText markup language超文本标记语言

超文本：比文本更丰富的内容

所有的浏览器都认识html的语法

2.html的结构

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
        <title>第一个网页</title>
    </head>
    <body>中国</body>
</html>

对html的结构解释：

　　html文档以html后缀或者htm后缀

　　<!DOCTYPE HTML>：html5的文档声明
　　<html>：根标签
　　<head>：存放属性或者标题等信息
　　<body>：可以在网页显示的内容
　　<meta/>：通知浏览器用哪种语言进行解析
　　<title>: 网页的标题

3.html的语法

　　HTML是一门标记语言, 标记也叫做元素/标签, 标签分为开始标签和结束标签, 如果标签内没有内容要修饰, 可以合并一个自闭标签.

　　如: <meta/> <br/> <hr/> <input/> <img/>等等

注释:

如何在网页中做一个空格或者做一个换行?

由于在网页中多个连续的空白字符会被当成一个空格来显示, 所以

如果要做一个空格, 可以用转义字符  来代替;

如果要做一个换行, 可以用<br/>标签来代替;

HTML 和 XML的区别:

xml对语法的要求非常严格, 如区分大小写, 标签不能交叉嵌套,标签一定要关闭等

　　HTML对语法的要求非常不严格. 如: 标签名可以大小写混用, 标签即使没有结束或者交叉嵌套, 可能也会被浏览器正常解析

　　(最好按照规范来书写!!)

　　xml中允许用户自己定义标签

　　HTML中的标签都是预定义好的, 不允许用户自己定义

4.html标签

4.1快标签

　　1. h1-h6;
　　2. hr;
　　3. p;
　　4. ul-li;
　　5. ol-li;
　　6. dl-dt-dd 用于展示携带标题的内容
　　7. div

4.2:行标签

　　1. span
　　2. img 呈现图片内容
　　3. alt 路径不存在时用于提示用户说明文字
　　4. src 图片路径
　　5. width 当前标签展现的宽度
　　6. height
　　7. title 停在图片上提示文字

4.3：超链接 <a></a>

　　a 点击每个内容跳到指定页面
　　href 链接地址
　　target 呈现方式 _self(在当前页面打开) _blank(默认在新窗口打开) _top(回到顶部)

猜你喜欢