训练营第三天作业 - 对前两天学的HTML知识整理

最新推荐文章于 2023-01-16 13:07:23 发布

浅唱春天

最新推荐文章于 2023-01-16 13:07:23 发布

阅读量367

点赞数

文章标签： html 源代码

本文链接：https://blog.csdn.net/qq_24280745/article/details/70210344

版权

总结这两天学习的内容:

1.了解到了什么HTML

1.1 HTML就是超文本标记语言(HyperText Markup Language),为什么说是超文本呢?因为在文本的基础上还包括了多媒体(multi)

1.2 HTML分为head和body部分,就相当于人的头部和躯干;不过HTML的'头部' - head部分不给我们看的,只能通过浏览器来看源代码.而body部分是呈现在浏览器的视窗区域,给人们看的可视区域.

1.3 HTML的标签 HTML既然叫做超文本标记语言,那么他的标签就是他的标记方式.如"<h1>",HTML的标签用''<>''把内容标记,里面的h1就是给浏览器渲染效果的另一种识别方式.如果就这样的话浏览器还是会正常显示的,但是h1标签是一个双标签,有开始就有结束,所以,h1标签结束的标志就是</h1>.一个完整的h1标签就是"<h1>我是h1标签</h1>"中间的内容就会被浏览器显示给人们看.HTML里面有很多的标签,适当的采用标签能够更好的布局.很多标签都是双标签,只有一部分是单标签,如:<br />
1.4 HTMLhead部分 head部分是给浏览器看的,比如<!doctype HTML> 就是告诉浏览器用HTML5的标准来读取页面,又比如<meta charset="UTF-8" />就是告诉浏览器这个页面的编码方式用utf-8,用其他编码方式的话可能会造成乱码的情况.

就像这样子

设置一下编码

<!doctype HTML>
<head>
<meta charset="utf-8" />
</head>

它就成了这样

1.5HTMLbody部分 body部分就是给浏览者看的,

<body>
<h1>我是h1标签,我很大的哦!<h1>
</body>

可能浏览者看到的就是加大字号的" 我是h1标签,我很大的哦!"

1.6 HTML总结 HTML标签是一个网页的骨架.

2. css是修饰,给HTML化妆的

2.1 css Cascading Style Sheets 层叠样式表用于HTML美化加工.
2.2 css的三种方式:(1) 嵌入(2)引用(3)内联,它们的优先级:(3)>(1)(2) 最常用的还是(2),因为(2)提高了代码的重复使用性.

<head>
<link rel="stylesheets" src=css.css>
</head>

<style> p{font-size:15px white;}
</style><body><p style="font-size:15px; color:red;">我是一个p标签</p></body>





当然这段代码的结果就是




2.3 css总结  css就是一个美化工具.



学习感受:通过这两天的学习和查找资料,收益颇大.前端,我来了!







 
 
  
   ,H标签y,是pe而rbodyText Markup Language
 
 

 
 
  
  Cascading Style Sheets