前端学习:HTML的学习总结

时间:2019-09-17
本文章向大家介绍前端学习:HTML的学习总结,主要包括前端学习: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代码中,无论有多少个空格,浏览器解析后都认为只有一个空格
空格:&nbsp

//换行
<br>//可以单独存在

//段落标签 单独成一行
<p> 
//xxxx
</p>

//水平线
<hr width:“长度 ”//100px--50%-->
width:长度 //100px--50%--
size:粗度
color:颜色
align:对齐方式

 

</body >

 

$flag 上一页 下一页