html学习_认识html
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的更多相关文章
- python学习_数据处理编程实例（二）
在上一节python学习_数据处理编程实例(二)的基础上数据发生了变化,文件中除了学生的成绩外,新增了学生姓名和出生年月的信息,因此将要成变成:分别根据姓名输出每个学生的无重复的前三个最好成绩和出生年 ...
- Linux操作系统学习_操作系统是如何工作的
实验五:Linux操作系统是如何工作的? 学号:SA1****369 操作系统工作的基础:存储程序计算机.堆栈(函数调用堆栈)机制和中断机制 首先要整明白的一个问题是什么是存储程序计算机?其实存储程序 ...
- 『TensorFlow』SSD源码学习_其一：论文及开源项目文档介绍
一.论文介绍 读论文系列:Object Detection ECCV2016 SSD 一句话概括:SSD就是关于类别的多尺度RPN网络 基本思路: 基础网络后接多层feature map 多层feat ...
- jQuery源代码学习_工具函数_type
jquery源代码学习_工具函数_type jquery里面有一个很重要的工具函数,$.type函数用来判断类型,今天写这篇文章,是来回顾type函数的设计思想,深入理解. 首先来看一下最终结果: 上 ...
- TypeScript学习_入门向
TypeScript学习_入门向 1-TypeScript简介 首先官网祭天 ---> https://www.tslang.cn/ TypeScript 是 JavaScript 的一个超集, ...
- 《mysql必知必会》学习_第八章_20180730_欢
第八章学习LIKE操作符,百分百(%)通配符,下划线(_)通配符 P47 select prod_id,prod_name from products where prod_name LIKE 'je ...
- labview学习_入门篇（一）
写在前面的话: 在上大学的时候,实验室的老师推荐用labview工具编写上位机软件,当时不想用labview,感觉不写代码心里不踏实,后来用vb和matalb开发了上位机软件.但现在由于部门的几款工具 ...
- 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的简单理解 ...
- python学习_应用pickle模块封装和拆封数据对象
学习文件数据处理的时候了解到有pickle模块,查找官方文档学习了一些需要用到的pickle内容. 封装是一个将Python数据对象转化为字节流的过程,拆封是封装的逆操作,将字节文件或字节对象中的字节 ...
- python学习_数据处理编程实例（一）
目的:用一个实例总结学习到的with语句,函数,列表推导,集合,排序,字符分割等内容 要求:分别以james,julie,mikey,sarah四个学生的名字建立文本文件,分别存储各自的成绩,时间格式 ...
随机推荐
- 玩魔兽争霸无故退出 提示框显示"0x21101663"指令引用的"0x02704acc"内存该存不能为"read" 确定就会终止程序
20151002总结:下方法试过,没完全按照说的操作完,觉得有风险且那个read程序执行时间好长的,感觉有点干坏事的意思 ======================================= ...
- 【Vegas原创】SQL Server 只安装客户端的方法
只安装管理工具
- SNFAutoupdater通用自动升级组件V2.0
1.组件介绍 C/S构的特点是能充分发挥客户端的处理能力,很多工作可以由客户端处理后再提交给服务器,对应的优点就是客户端响应速度快模式客户端以其强大的功能,丰富的表现力受到相当大部分用户的青睐,但是客 ...
- Atitit 数据库 标准库 sdk 函数库 编程语言 mysql oracle attilax总结
Atitit 数据库 标准库 sdk 函数库 编程语言 mysql oracle attilax总结 1.1. 常见的编程语言以及数据库 sql内部函数库标准化库一般有以下api1 1.2. 各个 ...
- 开发FTP不要使用sun.net.ftp.ftpClient
转自:http://cai21cn.iteye.com/blog/700188 在开发一个web应用过程中,需要开发一个服务使用ftp功能将数据传输一个网外的ftp服务器.最初使用sun.net.ft ...
- Test Design Techniques - STATE BASED TESTING
Test Design Techniques - STATE BASED TESTING -Test note of “Essential Software Test Design” 2015-08- ...
- 《软件测试自动化之道》读书笔记 之 底层的Web UI 测试
<软件测试自动化之道>读书笔记 之 底层的Web UI 测试 2014-09-28 测试自动化程序的任务待测程序测试程序 启动IE并连接到这个实例 如何判断待测web程序完全加载到浏览 ...
- 使用C#+Linq+SQL快速开发业务
C#开发桌面程序的效率确实很高,今天就来总结下如何使用C#+Linq+SQL快速开发一个新的业务系统. Linq是微软官方的轻量级的ORM工具,使用它结合SQL可以快速的生成实体类,再通过Linq操作 ...
- mysql 核心知识要点
整体知识介绍:mysql基本操作和使用,mysql优化(索引,分表等),mysql部署(读写分离,负载均衡等) 数据库基本介绍:数据库概念,常用数据库,web应用三大软件分工,PHP动态语言特点(处理 ...
- Schema中elementFormDefault="qualified"所起的作用
有的xsd文件的开头是这样写的: <?xml version="1.0"?> <xs:schema xmlns:xs="http://www.w3.or ...