本文只是复习HTML笔记

html 骨架:

DTD:文档类型定义,规定了使用哪个版本的html规范

html 标签:双标签,表示整个网页

head 标签: 配置HTML页面

  title: 网页标题

  meta :设置字符集 charset

body : 书写标签组成的网页

语法:

  标签之间对空格,缩进,换行不敏感,对嵌套关系敏感

  文本内容之间空白折叠现象

标签语法:

  标签名必须书写在一对尖括号中

  结束标签必须书写关闭符号/。

  双标签是成对出现的

  容器级标签:可以书写任何内容 h1

  文本标签:  只能书写文本类的内容不能书写容器级标签  p

属性  k="v"

h标签

  h1~h6:容器标签,给文本添加标题语义

  h系列标签之间不能互相嵌套

  约定俗成:h1标签权重最大,我么一般将h1渲染logo,提高搜索引擎优化。

       一个网页只能出现一个h1标签,如果书写多个h1标签,浏览器会认为h1自动降级。

p标签

  p:(English:paragraph)段落标签

  作用:给文本添加段落语义

  文本级标签,内部只能书写文本类的内容,文本、图片、表单元素、废弃元素

i标签  文本表亲,倾斜

img标签

  插入图片 (单标签)

  src :

    相对路径:

      同级查找:直接目标名称

      子级查找:每一层之间用/隔开,/表示下一层

      上级查找:../表示上一级(../只能书写在路径的开头)

    绝对路径

  alt :图片加载失败是提示的文本

  在设置图片大小时,只写一个width/height,会锁定宽高比值,但是要求网页加载速度,我们需要同时设置width和height

超级链接标签

  a(English:  anchor) :  锚点

    href :    属性值书写的是要跳转页面的路径(相对路径, 绝对路径, 加了前缀 http:// 或者 https:// 时时绝对路径)

         页面锚点跳转:  属性值:文件名#id属性名  

         例:<a href="#p1">页面内跳转锚点</a><a href="跨页面锚点跳转.html#p1"> | 跨页面内跳转锚点</a>

    target :  属性值设置页面打开方式

         默认值 :  在当前窗口打开

         _blank :  在新窗口打开

    title :  悬停提示文本

div和span

  div:大盒子(将一些相同的内容或者是像是的内容书写在div中表示一个整体)

    语义:大区域,大范围

    div是容器标签,独占一行

  span:小范围(文字)

    文本级标签,多个span并排显示(行内元素)

HTML骨架的更多相关文章

  1. 快速构建H5单页面切换骨架

    在Web App和Hybrid App横行的时代,为了拥有更好的用户体验,单页面应用顺势而生,单页面应用简称`SPA`,即Single Page Application,就是只有一个HTML页面的应用 ...

  2. HTML5入门(---------------HTML——基本骨架--------------)

    HTML基础 一.HTML 超文本标记语言.英文全拼:HyperText Markup Language.负责网页的语义描述. 二.HTML基本骨架 <!DOCTYPE html> < ...

  3. Maven之自定义archetype生成项目骨架(一)

      Maven之自定义archetype生成项目骨架(一) 标签: mavennexus插件 2015-07-15 16:40 2443人阅读 评论(0) 收藏 举报  分类: Maven技术(9)  ...

  4. python数字图像处理(19):骨架提取与分水岭算法

    骨架提取与分水岭算法也属于形态学处理范畴,都放在morphology子模块内. 1.骨架提取 骨架提取,也叫二值图像细化.这种算法能将一个连通区域细化成一个像素的宽度,用于特征提取和目标拓扑表示. m ...

  5. 按照索引的细化提取骨架算法的java实现

    近期研究验证码识别,也就看了一些图像识别的资料,其中一种字体细化提取骨架的算法网上没有java版的实现,所以就选取了一个python实现版本进行java代码的改写.. python版实现的地址: ht ...

  6. 【转】idea 用maven骨架生成项目速度慢的问题

    转自:http://9leg.com/maven/2015/02/01/why-is-mvn-archetype-generate-so-low.html 最近从IntelliJ Idea 14的Co ...

  7. cordova3.X 运用grunt生成plugin自定义插件骨架

    Cordova提供了一组设备相关的API,通过这组API,移动应用能够以JavaScript访问原生的设备功能,如摄像头.麦克风等.Cordova还提供了一组统一的JavaScript类库,以及为这些 ...

  8. openni和骨架追踪 rviz查看---34

    原创博客:转载请标明出处:http://www.cnblogs.com/zxouxuewei/ 1.安装深度相机的NITE. 首先下载NITE-Bin-Dev-Linux-x64-v1.5.2.23, ...

  9. maven3实战之maven使用入门(使用archetype生成项目骨架)

    maven3实战之maven使用入门(使用archetype生成项目骨架) ---------- maven提供了archetype以帮助我们快速勾勒出项目骨架.以Hello World为例,我们使用 ...

  10. 沈逸老师PHP魔鬼特训笔记(6)--巫术与骨架

    PHP最牛逼的特性之一除了懒人函数,还有一些魔法函数. 首先我们来认识下__tostring,通过一个巫术方法,我们吧实例转化过后的类,直接当字符串输出.结合我们前面所做的功能,我们在类里面加上这个函 ...

随机推荐

  1. Windows Defender might be impacting your build performance

    由于换了SSD, 昨天安装了最新的 Idea 2019.2+ , 然后发现每次导入项目都有如下提示: 处理方法就是在Windows安全中心排除目录 处理方式参考: 官方 Known issues An ...

  2. 扫描U盘

    编辑器加载中...int CSendUDiskDlg::SearchUDisk(void) { int nCount, i; char szDriver[3]; nCount = 0; szDrive ...

  3. List<List<Object>> list = new ArrayList<List<Object>>(); 求回答补充问题 list.get(position).add(Object);为什么会报错啊我想在对应的list里面添加对象

    public static void main(String[] args){ List<List<Object>> list = new ArrayList<List& ...

  4. C# Thread、lock

    class Program { private static readonly object obj = new object(); static void Main(string[] args) { ...

  5. windows挂载nas存储

    操作系统:windows server 2016 1.安装nfs客户端打开程序面板 2.点击下一步 3.点击下一步 4.下一步 5.这里只选择文件和存储服务器就可以 6.选择nfs客户端,安装 7.m ...

  6. Redis系列(十二):数据结构SortedSet跳跃表中基本操作命令和源码解析

    1.SkipList Redis的sortedSet数据结构是有序不重复的(索引为唯一的,数据(score)却可以重复), 跳表是redis的一个核心组件,也同时被广泛地运用到了各种缓存地实现当中,它 ...

  7. python进阶之内置方法

    python进阶之内置方法 字符串类型的内置方法 常用操作与方法: 按索引取值 str[index] 切片 ste[start:stop:step] 长度 len(str) 成员运算in和not in ...

  8. selenium.common.exceptions.WebDriverException:no such session

    应该是browser对象关闭之后你又使用了

  9. bzoj4318OSU!*

    bzoj4318OSU! 题意: 一个长度为n的序列,每个元素有一定概率是1,不是1就是0.连续x个1可以贡献x^3的分数,问期望分数. 题解: 期望dp.f1[i]表示连续到i的期望长度,f2[i] ...

  10. 如何理解Javascript中的函数(Function)

    Function类型 首先得知道,每个函数都是Function类型的实例,所以函数本身是对象. 示例1: function sum (num1, num2){ return sum1 + sum2; ...