我的前端学习之路

转眼间就到大三的暑假了,开始我现在的实习;耽搁许久的博客也终于开始动手写了,目前暑假实习于厚溥公司;这个博客主要是记录我在实习期间学习的过程和一些总结。

   言归正传,目前实习的方向是前端+微信小程序 ;前期主要是由公司的老师授课,然后带着我们做一个最终的项目;以此来作为检验。今天是第一天的学习;主要是学习HTML的结构和常用的一些标签;以及只使用HTML构成静态网页

HTML的定义:HTML又称为超文本标记语言,它不是一种编程语言,而是一种脚本语言

HTML的基本结构:

HTML分为两类 一类是具有开始标签和结束标签的双标签,双标签的两个标签中间包含着内容;另一类是具有空内容的单标签,单标签的格式为<标签名/>。

HTML的常用标签:

定义标题的<h1>-<h6>标签,标题标签的文本会加粗并且会独占一行,和下个元素之间会空出一行 ,定义段落的P标签;其中P标签是块级元素独占一行并且会产生换行的效果,和上一行之间留有间距;<br/>是一个折行标签,会产生换行效果,但和下一个元素之间不会留下间距。

<i>/<em>为文本的格式化标签 可以为文本提供倾斜的效果;其中<em>更符合web语义化,更容易被浏览器所读取;<b>/<strong>可以为文本提供一个加粗的效果,<strong>具有强调语气更符合web语义化的规范;

<sub>/<sup>下/上标 标签,设置文字的上标和下标;<u></u>为文字设置下划线,在P标签中可以使用align=“center”来为文本设置对其方式为居中,但在HTML5中不推荐使用;一般都是用属性text-align="center"来代替

<hr/>标签为绘制一条水平的横线

还学习了a标签中锚点的使用:对于同一页面中使用#目的名 就可以使用锚点;对于不同页面,使用目的页面名字#目的名 就可以在触发点触发锚点。

注意:任何标签都可以作为锚点的目的地,但是其他标签中只能使用id属性来设置锚点的名字;a标签中既可以使用name也可以使用id来作为锚点的名字

猜你喜欢

转载自blog.csdn.net/shengbeer/article/details/81072941