← Back to blog

前端html入门

前端

前端html入门

HTML是文本标记语言,经过浏览器内核的渲染就变成了我们能够看到的页面

因为是一门标记语言 所以HTML文件是由各种各样的标签组成的 我们使用最多、最需要关注的其实就是被标签包裹的内容

所有的标签都由两部分组成 分别是开始标签和结束标签

比如 理论上没有结束标签浏览器也能正确渲染展示内容 但是可能会造成不可知的错误


这是关闭空标签的方法 日常编程我们也推荐这种写法

html使用图片 一定要把图片放在项目目录中 然后通过相对路径的方式进行图片的引用 这样做的好处有两个

  1. 浏览器有安全策略 不是所有计算机、服务器的任意位置的图片文件都能被使用的 放在目录下可以保证被使用
  2. 相对路径的方式比较容易进行项目移植
里面的东西是人看不到的 给浏览器看的 比如元数据等等 [code] 通过限定字符集是utf-8 可以显示全世界的文字 [/code] 里面的东西就是人能看到的内容 是给人看的

html中的标签是可以嵌套的

常用标签

  • p 段落
  • h1-h6 标题
  • strong 粗体
  • em 斜体
  • del 删除线
  • div 块 将内容分组并创建独立的区块 用于布局和样式化网页不同的部分
  • span 行内元素 对文本的特定部分进行样式化或者标记