HTML5学习笔记(一）

一 HTML
1.1 含义
1.2 基本骨架





网页要显示的内容

html5基本骨架
      
      
            
              
              
            
            

            
     

    DTD 文档类型说明
   字符集设置 UTF-8是支持绝大数语言

  假如大家用sublime,快捷方式html:5 按住tab或ctrl+E

1.3 编辑器
记事本 sublime vscode(IDE) Hbuilder webstorm …

1.4 常用标签
标题标签 h1~h6 双标签

开始标签和结束标签
Q： 请谈谈你对标题标签的理解？
从语义的角度回答 标题标签给文本赋予标题的含义
SEO搜索引擎优化
划线标签

---

单标签 了解 线条以后用css完成
段落标签

双标记

           换行标签  
 单标签
           div和span标签  无语义的标签   实在找不到标签表示的时候 考虑用div和span
                    span可以放文字、图片、表单
                    div可以自我内部嵌套，span内部不能嵌套div
           pre标签保留原文本格式

           

           图像标签   单标签（图片出问题时，使用alt显示提示。还可以内嵌title，鼠标放上去显示。还可以width，high最好等比例。还有边框border,默认黑，像素设置粗细）
           超链接    超链接名字(后面加路径，#等于原页面，路径后加target=“_blank”打开新页面，中间路径也可以用图像标签)                         应用：还可以做锚点

锚点

需要跳转到的地方打一个标记 或

文字

，标记可以不用文字，还是用标题表示

跨页面锚点
在#前加包含跳转地点的网页地址，带后缀的全称

base标签  单标记 设置在head中 作用 让页面所有的超链接可以在新窗口打开

＜base target=＂_blank＂ /＞

实体符号
＜用<
＞用>
&用&
因为有空白折叠机制， 为1个空格

注释

路径 绝对路径和相对路径
绝对路径 F:\前端文件夹 带有盘符的路径
相对路径 说明有个参照物
情况一
day3文件夹下面
01.html 1.jpg

              01.html中 

         情况二
               前端文件夹 > day3文件夹 > 01.html
                            1.jpg         
   ./当前目录
   ../上一级
    /下一级