• HTML 基础篇


    • 简介
      1.什么是html
      2.html的基本模板
      3.html的标签都有哪些

    NO.1
    html(Hyper Text Markup Language)指的是超文本标记语言
    web标准:结构(html) + 表现(css) + 行为(js)
    W3C(html+css)/ECMA(js)

    NO.2
    编辑器可以自动生成这段代码 但作为一个前端还是需要了解滴

      <!DOCTYPE html>      声明文档类型(注意这不是标签哦)
      <html>              告诉浏览器我们写的是html标记语言
      <head>                头部文件
          <meta charset="UTF-8">           声明编码格式(除了utf-8还有简体中文gb2312) -->  主要是为了防止乱码
          <title>Document</title>          标题,显示在状态栏上的内容
      </head>
      <body>                             文件主体,里面是要写的主要内容
    
      </body>
      </html>                               
    

    NO.3
    HTML常用标签(标记/元素)

    	块元素(可以设置宽高大小,默认宽度100%,独占一行)
    		div  容器     (通常称它最干净的标签)
    		p  段落字  !注意:不能嵌套div
    		h1-h6 标题标签 (h1在网页中只使用一次即网页的logo h2最多3次 h3可以无数次)
    
        行内(内联)元素(无法设置宽高,元素大小随内容变化,所有元素默认在一行(不会独占一行))
    		a  超链接   
                        <a href="网址(要跳转的地址)" title="点我去百度" target="_blank"(新窗口打开)>百度</a>
    		span 干净的小标签
    		del  删除线
    
     行内(内联)块级元素(既可以设置宽高 又可以排在一行显示)
    		img  在网页中插入图片     
                       <img src="图片路径" alt="图片加载失败显示(即图片不小心删除了或路径错了)" title="鼠标悬停显示">
                        input  表格
  • 相关阅读:
    [HAOI2006] 旅行
    Vue 2 --v-model、局部组件和全局组件、父子组件传值、平行组件传值
    Flume简介及安装
    MySQL数据目录更改及相关问题解决方案
    更换gcc工具链
    支持多种类型的数据集合作为数据源
    23种设计模式--中介者模式-Mediator Pattern
    PID算法原理 一图看懂PID的三个参数
    内存四区
    趣味算法讲解
  • 原文地址:https://www.cnblogs.com/ygraa/p/13973879.html
Copyright © 2020-2023  润新知