《HTML入门笔记1》

331 阅读2分钟

html的起源

HTML全名是“超文本标记语言”(Hyper Text Markup Language)是由一位叫做Tim Berners-Lee于1990年创立,这个神奇的人物,他还自己写了第一个浏览器第一个服务器,写了一个网页,并且用自己的浏览器访问服务器,发明了3w.目前还好好活着。

html的起手式

  1. html的起手式,每节课创建目录,不要用编辑器打开多个目录,使得效率变低
  2. 注意观察文件的是否保存,小圆点就是未保存。
  3. 使用快捷键!+Tab,创立一个html
  4. DOCTYPE表示文档类型,告诉浏览器这是一个html, lang="en" 改为lang="zh-CN".<title>xxx</title>,这是网页的标题可以编辑。

html常用的章节标签

  1. h1-h6这是一到六级标题,每级标题都有一些特定的样式,比如字体 字号 是否加粗;
  2. section标签就是表示文章的一个部分的标签;
  3. p标签就是一个段落标签;
  4. 头部标签header可以用在头部,同理footer就是尾部标签;
  5. main标签就是表示一个文章或内容的主要部分;而aside标签就是旁支内容;
  6. div就是一个划分内容标签。

html的全局属性

  1. 所谓全局属性就是几乎所有标签都具有的一些属性:class属性一般由于给标签命名,以利于后期的css的样式渲染;
  2. contenteditable表示可以内容可以编辑的,就是能够在网页中直接编辑内容;
  3. style属性就是样式属性;
  4. hidden属性就是让东西消失看不见,可以恢复;
  5. id属性最好不用,因为id属性是唯一的;
  6. tabindex属性是用来控制Tab键的优先级的,数字可以不连续,0表示最后,-1表示不选中;
  7. title属性呢一般是用来显示文字因太多隐藏,用来显示完整内容。

常用的内容标签标签

  1. 列表标签有ol+li表示有序列表,ul+li 表示无序列表,dl+dd+dt 表示自定义列表,注意就是ol标签里面只能有li标签,其余标签不能有,ul同理,dl里面只能放dd与dt.
  2. pre标签,如果想保留空格 换行,一系列操作就用此标签包裹,使得字等宽。
  3. code标签就是一个放代码的标签啦
  4. br换行标签
  5. a 标签就是一个链接标签,里面有两个重要属性一个href target ,herf是路径,而target是表示是否要新开一个窗口,默认是不要,而—blank表示新开一个窗口。
  6. em强调,语气强调,使用此标签呢,字体倾斜
  7. strong 很重要。
  8. quote 引用标签。