1、HTML骨架

<html>----根标签

<head>---头标签

</head>

<body>---主体标签

</body>

</html>

2、html主要是表现网页中的元素（内容）

a、html标签：

双标签  <标签名></标签名>

单标签  <标签名 />

b、标签的相互关系：

嵌套关系（父子、孙子）---子元素最好缩进一个tab

并列关系（兄弟）--对齐就行

3、开发工具

sublime、webstorm、vscode

4、<!DOCTYPE html>---文档类型

告诉我们和浏览器我们使用的是哪个html版本,html有很多版本

比较早的有html：xt

我们目前都用的html： 5更简洁些，

5、<meta charset=“UTF-8”>  字符集 告诉浏览器使用的字符集

UTF-8  最大的字符集  几乎包含了所有国家用到的字符，使用后避免出现字符集不统一而引起的乱码问题

6、标签的语义化

7、排版标签：

标题标签（h1-h6）、段落标签（p）、水平线(<hr />)、换行标签(<br />)

div 、span标签(2布局标签无语义是重点)

8、文本格式化标签：

9、图片：一般情况下我们只需设置图片的宽度或高度一项就可以，另外的那个会等比例缩放（不至于拉伸图片）

<img />图片的属性：src （来源的路径 必需写属性）、 alt 、title、 border、 width 、height

10、链接标签

外部链接 : 链接地址已http：//开头

内部链接:  只需写上去往路径

<a> </a>属性：href(去往的路径 必需写属性)、target=“_blank”  target="_self"(默认)

11、锚点定位（适合于较长的页面，我们可以点击某个关键词从而迅速到达页面中的某个位置）

步骤：

eg：  

<a href="#main">主要内容</a>

<div id="main">锚点</div>

12、base标签

单标签：img br hr base

13、相对路径

相对路径：

a.同一级路径(./)     xx.jpg

b.下一级路径         xx/xx.jpg

c.上一级路径(../)    ../xx.jpg

绝对路径：

a.找到图片属性查看位置（C：\...）（一般不会用的）

b.复制图片地址

14、列表标签

a.无序列表:  ul>li

注意事项 ：ul里只能放置li标签；li标签相当于一个容器，里面可以放置所有的元素；无序列表有一些默认的样式用css搞定。

b.有序列表:ol>li

注意事项 ：ol里只能放置li标签；li标签相当于一个容器，里面可以放置所有的元素；有序列表有一些默认的样式用css搞定。

c.自定义列表:dl>dt+dd  (dd是围绕dt来解释的，dd可以写多个)

常用如下：

html学习_认识html的更多相关文章

  1. python学习_数据处理编程实例（二）

    在上一节python学习_数据处理编程实例(二)的基础上数据发生了变化,文件中除了学生的成绩外,新增了学生姓名和出生年月的信息,因此将要成变成:分别根据姓名输出每个学生的无重复的前三个最好成绩和出生年 ...

  2. Linux操作系统学习_操作系统是如何工作的

    实验五:Linux操作系统是如何工作的? 学号:SA1****369 操作系统工作的基础:存储程序计算机.堆栈(函数调用堆栈)机制和中断机制 首先要整明白的一个问题是什么是存储程序计算机?其实存储程序 ...

  3. 『TensorFlow』SSD源码学习_其一：论文及开源项目文档介绍

    一.论文介绍 读论文系列:Object Detection ECCV2016 SSD 一句话概括:SSD就是关于类别的多尺度RPN网络 基本思路: 基础网络后接多层feature map 多层feat ...

  4. jQuery源代码学习_工具函数_type

    jquery源代码学习_工具函数_type jquery里面有一个很重要的工具函数,$.type函数用来判断类型,今天写这篇文章,是来回顾type函数的设计思想,深入理解. 首先来看一下最终结果: 上 ...

  5. TypeScript学习_入门向

    TypeScript学习_入门向 1-TypeScript简介 首先官网祭天 ---> https://www.tslang.cn/ TypeScript 是 JavaScript 的一个超集, ...

  6. 《mysql必知必会》学习_第八章_20180730_欢

    第八章学习LIKE操作符,百分百(%)通配符,下划线(_)通配符 P47 select prod_id,prod_name from products where prod_name LIKE 'je ...

  7. labview学习_入门篇（一）

    写在前面的话: 在上大学的时候,实验室的老师推荐用labview工具编写上位机软件,当时不想用labview,感觉不写代码心里不踏实,后来用vb和matalb开发了上位机软件.但现在由于部门的几款工具 ...

  8. Deep Learning 17：DBN的学习_读论文“A fast learning algorithm for deep belief nets”的总结

    1.论文“A fast learning algorithm for deep belief nets”的“explaining away”现象的解释: 见:Explaining Away的简单理解 ...

  9. python学习_应用pickle模块封装和拆封数据对象

    学习文件数据处理的时候了解到有pickle模块,查找官方文档学习了一些需要用到的pickle内容. 封装是一个将Python数据对象转化为字节流的过程,拆封是封装的逆操作,将字节文件或字节对象中的字节 ...

  10. python学习_数据处理编程实例（一）

    目的:用一个实例总结学习到的with语句,函数,列表推导,集合,排序,字符分割等内容 要求:分别以james,julie,mikey,sarah四个学生的名字建立文本文件,分别存储各自的成绩,时间格式 ...

随机推荐

  1. 用命令让vbox的虚拟硬盘文件转换成vmware的vmdk

    VirtualBox的生成备份功能只是个系统还原点 这个生成备份功能备份速度非常快,其实它并不是备份,而是相当于xp系统中的建立系统还原点.但是要注意的是如果你的虚拟硬盘文件(***.vdi)在别的V ...

  2. 内核编译之vmlinuz vmlinux system.map initrd

    一.vmlinuz  vmlinuz是可引导的.压缩的内核.“vm”代表“Virtual Memory”.Linux 支持虚拟内存,不像老的操作系统比如DOS有640KB内存的限制.Linux能够使用 ...

  3. C#.NET使用Task,await,async,异步执行控件耗时事件(event),不阻塞UI线程和不跨线程执行UI更新,以及其他方式比较

    使用Task,await,async,异步执行事件(event),不阻塞UI线程和不跨线程执行UI更新 使用Task,await,async 的异步模式 去执行事件(event) 解决不阻塞UI线程和 ...

  4. 严苛模式 strictmode

    参考链接 http://blog.csdn.net/brokge/article/details/8543145 一.严苛模式-虚拟机策略 虚拟机策略(VmPolicy)能检查内存泄漏,譬如,当关闭一 ...

  5. 【九天教您南方cass 9.1】 07 绘制与标注圆曲线和细部点的方法

    同学们大家好,欢迎收看由老王测量上班记出品的cass9.1视频课程 我是本节课主讲老师九天. 我们讲课的教程附件也是共享的,请注意索取测量空间中. [点击索取cass教程]5元立得 (给客服说暗号:“ ...

  6. 【iCore4 双核心板_ARM】例程七：WWDG看门狗实验——复位ARM

    实验原理: STM32内部包含窗口看门狗,通过看门狗可以监控程序运行,程序运行错误时,未在 规定时间喂狗(提前或超时),自动复位ARM,本实验通过按键按下,停止喂狗,从而产 生复位. 核心代码: in ...

  7. 提一下InfoQ

    昨天在微信读书中整理了一个"架构师"清单,把InfoQ中文社区这两年发布的电子书整理到了一起,分享给了团队成员. 如果你去研究InfoQ中文社区,就会发现其中一个人与之因缘际会的相 ...

  8. SwingWorker

    Swing应用程序员常见的错误是误用Swing事件调度线程(Event DispatchThread,EDT).他们要么从非UI线程访问UI组件:要么不考虑事件执行顺序:要么不使用独立任务线程而在ED ...

  9. mySql存储emoji表情报错(mysql incorrect string value)

    问题分析 普通的字符串或者表情都是占位3个字节,所以utf8足够用了,但是移动端的表情符号占位是4个字节,普通的utf8就不够用了,为了应对无线互联网的机遇和挑战.避免 emoji 表情符号带来的问题 ...

  10. linux 设置中文版man手册

    作为CentOS 新手,看懂英文man固然重要,不过配置好中文man也可以让自己更快速地学习!1. 下载中文man包源码的网址:https://src.fedoraproject.org/repo/p ...