前端与HTML | 青训营笔记

422 阅读2分钟
   这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天,很幸运能通过字节跳动青训营笔试,成功进入青训营。今天是青训营的第一天,重学了一遍前端最基础的基本结构html。
   除了回顾到了万国码,lang,语义化这些我容易忘记的知识点外,我学到了之前未曾接触到的文本引用标签<cite></cite>  <code></code>等等,
   Html各部分基本含义:
//指使用html5,是声明标签要在第一行 //指使用英文 //是计算机识别各种语言字符,UTF-8是万国码 Document
    另外我还复习了一下之前学的部分标签:

-

//是标题标签,html有六个标题标签,1-6重要性递减,加了标题文字会变粗且独占一行,

我是一级标题

<p>我是一个段落标签</p> //p就是段落paragraph的缩写

<br/>单词break意为打断,换行,,这里是强制换行(其为单标签)其与段落不同,只是简单换行,段落会插入一些垂直间距,

<strong>我是文字加粗标签</strong>      <b>我也是文字加粗标签</b>     第一个语义更强

<em>我是倾斜文字标签</em>              <i>我也是倾斜文字标签</i>     第一个语义更强

<del>我是删除线标签</del>              <s>我也是删除线标签</s>      第一个语义更强

<ins>我是下划线标签</ins>              <u>我也是下划线标签</u>      第一个语义更强

<div>这是个无语意的盒子</div> (是个大盒子,一行用一个)          <span>这是个无语意的盒子</span> (是个小盒子,一行可以多用)

图像标签:

<img src="我是图像标签" />   // 使用时要把图片和网页放到同一个文件夹里    (src是<img>标签的必须属性,用于指定文件图像的路径和文件名)

<img src="   " alt="我是替换文本,图片显示不出来时候我会显示文字" />

<img src="   " title="我是提示文本,鼠标放到图片上显示的文字" />

<img src="   " width="我能给图像设定宽度" />

<img src="   " height="我能给图像设定高度" />    //一般宽度高度修改其中一个就可以了,计算机会自动等比例调节

<img src="   " border="我能给图片设边框" />

1.属性标签一定要在img后面
2.属性之间不分顺序
3.属性标签格式:属性=“属性值”

注释标签:<!-- 注释语句 -->     快捷键 :command+/

特殊字符:  <     小于号     &it;
          >     大于号     &gt;
                空格      &nbsp;
                其他使用少,可以上网查

明天就要复习我最喜欢的css了,很开心能再青训营和全国的伙伴一起学习。