前端学习：HTML的学习总结
html简介
1 html是什么：超文本标记语言
- 超文本：文字/图片/音频/视频
- 标签/标记：<body></body>
- 怎么做：使用标签来创建网页
2 HTML的用途：是用来编写静态网页的。
- 搭建整个网页。（框架）CSS用来装修。。。
3 html结构
1 <html>
2 <head>
3 包括资讯信息：整个页面的属性、指导浏览器解析的标签、引入外部文件的标签
4 </head>
5 <body>
6 我们需要展示的信息
7 </body>
8 </html>
4 区分正斜杠和反斜杠
- / 正斜杠
- \ 反斜杠（下坡）
5 开始标签和结束标签
1 <html>(开始标签)
2 关键字
3 </html>（结束标签）
6 书写规范
- PS:标签之间嵌套出现
- 标签之间的层次关系要规范
- 大部分标签都具有属性 属性="属性"
- html不区分大小写：建议小写
- 命名的时候尽量使用英文来编写
- 注释：要有写注释的意识 <!-- -->
html的标签
html：根标签
head：
<head>
//设置整个网页的编码格式
<meta charset = "UTF-8">
//设置网页标题
<title> 菜鸟-传奇</title>
</head
body：
<body >
text：文本的颜色
bgcolor:背景色
background：背景图片 <body text="#00ff00" bgcolor="#00" backgroud="">
//在html代码中，无论有多少个空格，浏览器解析后都认为只有一个空格
空格： 
//换行
<br>//可以单独存在
//段落标签 单独成一行
<p>
//xxxx
</p>
//水平线
<hr width:“长度 ”//100px--50%-->
width:长度 //100px--50%--
size：粗度
color：颜色
align：对齐方式
1 文字标签
<font>文字标签
color：颜色
size：粗度
face:字体的类型 <h1>到<h6>标签 //标题字体的大小 //字体的加粗
<b >
<strong>
2 清单/列表的标签
无序列表:
<ul //type改变前面的圆点样式>
<li>
xxxxxxx
</li>
<li>
xxxxxxx
</li>
</ul> 有序列表:
<ol //type改变前面的排序样式
// 1 A I 。。。
//start="2"从那个数字开始>
<li>
xxxxxxx
</li>
<li>
xxxxxxx
</li>
</ol>
3 图形标签
//src：图形的地址
<img src="img/tp.jpg"/ >
width：宽度
height：高度
border：边框
align：对齐方式（top。。。。）
alt：图片描述//加载文件丢失才出现
4 链接标签
<a> //属性
href="跳转"
5 表格标签
table
6 块级标签
<div> <p><table>
块级标签：不允许其他元素并排 行级标签：span：允许其他元素并排 设置样式是可以的，但是设置的高度和宽度是无效的
</body >
前端学习：HTML的学习总结的更多相关文章
- 转 - Web新人（偏前端）应该怎样学习（个人观点，勿喷）
我自己是会计专业,转行自学web的,学习有一两年了,也还是新人一个,只不过不是那种超级“新”的,所以有什么话说得不对,请轻喷.欢迎大家来和我交流. 1.我能不能转行学web? 能不能学web这个不是别 ...
- Web前端与移动开发学习路线图
文章转载自「开发者圆桌」一个关于开发者入门.进阶.踩坑的微信公众号 这里整理的Web前端与移动开发学习路线图包含初中级两个部分,你可以通过百度云盘下载观看对应的视频 链接: http://pan.ba ...
- 2019最新WEB前端开发小白必看的学习路线(附学习视频教程)
2019最新WEB前端开发小白必看的学习路线(附学习视频教程).web前端自学之路:史上最全web学习路线,HTML5是万维网的核心语言,标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次 ...
- 《疯狂前端开发讲义jQuery+Angular+Bootstrap前端开发实践》学习笔记
<疯狂前端开发讲义jQuery+Angular+Bootstrap前端开发实践>学习笔记 二〇一九年二月十三日星期三2时28分54秒 前提:本书适合有初步HTML.CSS.JavaScri ...
- 前端html与css学习笔记总结篇(超详细)
第一部分 HTML 第一章 职业规划和前景 职业方向规划定位: web前端开发工程师 web网站架构师 自己创业 转岗管理或其他 web前端开发的前景展望: 未来IT行业企业需求最多的人才 结合最新的 ...
- 想做web前端project师应该学习些什么？
偶然间看到这篇文章.感觉博主写的挺不错的,假设你想做web前端project师的话,建议您阅读下面这篇文章,事实上web前端project师所做的工作事实上就是站点设计,有些小公司的美工事实上就是做w ...
- PHP Loser 说说做前端需要如何进一步学习
PHP Loser 说说做前端需要如何进一步学习 做前端的,需要如何进一步学习?书籍这个事情贵精不在多,我这里推荐两本即可: <javascript教程 高级程序设计> <CSS权威 ...
- 前端学习：JS学习总结（图解）
前端学习:JS学习总结(图解) JS的代码笔记 JS比HTML和CSS的知识点要多的多,下面分几段来介绍其内容... 为了能让大家更好的检索,前面的图解是整个JS的概括,后面的才是知识点... 旁边就 ...
- 最全的WEB前端开发程序员学习清单
史上最全的WEB前端开发程序员学习清单! 今天为什么要给大家分享这篇文章呢,我发现最近来学前端的特别多,群里面整天都有人问:前端好找工作吗?前端要怎么学啊?前端工资怎么样?前端XX,前端XXX,虽然我 ...
- #学习笔记#e2e学习使用（二）
前言: <#学习笔记#e2e学习使用(一)>主要记录了Vue项目的创建到e2e环境的搭建,以及期间遇到的各种问题和解决方法.本文建立在基础测试环境搭建完毕能正确运行的情况下,编写测试代码, ...
随机推荐
- 2.GoF 的 23 种设计模式的分类和功能
1. 根据目的来分 根据模式是用来完成什么工作来划分,这种方式可分为创建型模式.结构型模式和行为型模式 3 种. 创建型模式:用于描述“怎样创建对象”,它的主要特点是“将对象的创建与使用分离”.GoF ...
- vue如何解析xml文件 x2js
好久没来写东西了,主要是一直在加班,哼哼,不开心 项目中会用到将xml文件解析成json文件在页面中显示出来,以前jq的时候用到的方法行不通了,故在这边介绍一种我觉得还不错的插件 1. npm安装 n ...
- SSI注入--嵌入HTML页面中的指令，类似jsp、asp对现有HTML页面增加动态生成内容，见后面例子
SSI注入漏洞总结 from:https://www.mi1k7ea.com/2019/09/28/SSI%E6%B3%A8%E5%85%A5%E6%BC%8F%E6%B4%9E%E6%80%BB%E ...
- 2015年第六届蓝桥杯C/C++程序设计本科B组决赛 ——居民集会(编程大题)
标题:居民集会 蓝桥村的居民都生活在一条公路的边上,公路的长度为L,每户家庭的 位置都用这户家庭到公路的起点的距离来计算,第i户家庭距起点的距 离为di.每年,蓝桥村都要举行一次集会.今年,由于村里的 ...
- javascript加载XML字符串或文件
1. 加载XML文件 方法1:ajax方式.代码如下: var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObje ...
- luoguP1195 口袋的天空
生成树一 题目描述 给你云朵的个数NN,再给你MM个关系,表示哪些云朵可以连在一起. 现在小杉要把所有云朵连成KK个棉花糖,一个棉花糖最少要用掉一朵云,小杉想知道他怎么连,花费的代价最小. 链接 分析 ...
- 201871010107-公海瑜《面向对象程序设计（java）》第十五周学习总结
201871010107-公海瑜<面向对象程序设计(java)>第十五周学习总结 项目 内容 这个作业属于 ...
- COOKIE&SESSION 入门
JSP.EL 表达式的入门(重点) Servlet/JSP 是两种动态的 WEB 资源的两种技术. ** Servlet 的缺点 ** 开发人员要十分熟悉 JAVA 不便于页面调试和维护 修改.重新编 ...
- MyBatis 使用 foreach 批量插入
MyBatis 使用 foreach 批量插入 参考博文 老司机学习MyBatis之动态SQL使用foreach在MySQL中批量插入 使用MyBatis一次性插入多条数据时候可以使用 <for ...
- JetBrains优惠码分享
A quick summary [feel free to pass it on to your team]: Your Promo code is: S2W69-N3VY3-YGACY-7WC7X- ...