HTML5学习笔记(一)

一 HTML
1.1 含义
1.2 基本骨架





网页要显示的内容
HTML5学习笔记(一)_第1张图片

html5基本骨架
      
      
            
              
              Document
            
            

            
     

    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         
   ./当前目录
   ../上一级
    /下一级

你可能感兴趣的:(HTML5)