笔记1 | 青训营

79 阅读2分钟

今天学习了前端与html这一课,html:HyperText Markup Language,Hypertext:超文本,可以包括一些图片,标题,链接,表格一些丰富的样式,Markup Language标记语言来实现这些样式,doctype会让浏览器识别且以一种方式渲染,如果不用的话,浏览器会以一种老旧的方法渲染

标签不会显示在网页中,它会显示在上方的页面标题,在浏览器拿到html代码时,会把代码解析成一个dom树,一个树形结构,每个节点称之为dom节点。

html的语法格式:1,标签属性不区分大小写,推荐小写。2,空标签可以不闭合,比如meta charset="UTF-8",input.3,属性值应使用双引号包裹 如:lang="en"。

标题有6种,h1,h2...h6,从h1往后字体大小依次减小,列表分为三类,有序列表,无序列表,定义列表等

分别是ul.li,ol.li,dl.dt.dd。多个dd可以作用于一个dt

链接可以使用超链接跳到想跳到的地址,a href="网页地址"/a

图片img src=" " alt=""可以从网页中选择图片并显示在自己的网页中也可以使用正确的路径来访问自己的文件中图片。

表单类的有输入框input placeholder=""可以在标签内添加各种属性来实现各种输入。

input type = "radio"只能选择一个

input type = "checkbox"可以选择多个

引用快捷引用blockquote cite="地址"可以直接引用别人的话到网页中短引用cite./cite别人的一个作品名字和一个小章节 , q./q具体的引用内容.

code./code代码,可以引用代码,strong./strong可以着重语气,加粗字体。

html的语义化:html中的元素,属性都拥有属于自己的含义。开发者应该遵循语义来编写html,比如:有序列表用ol,无序列表用ul,lang="en"表示使用的语言为英语。语义化可以提升代码可读性,维护性,在搜索引擎中优化,排名靠前,提高无障碍性。了解每个标签的属性和含义会提升语义化(不要使用可视化的工具去实现代码)

使用自己写的代码的有:开发者,浏览器,搜索引擎(给代码进行排序,代码比较好的,搜索的就比较靠前),屏幕阅读器(帮别人阅读)