• HTML5笔记


    html的全称为“Hyper Text Markup Language”html是超文本标记性语言.

    html前端三大模块:1.html(结构)

                                   2.css(样式--层叠表)

                                  3.Javascript(行为动效)是一种脚本语言。

                html的基本结构

     文档类型

            ↓ 

    <!DOCTYPE  html>     doc:文档    type:类型

    <html>  ← 根标签  开始标签(双标签)

       <head> ← 头部标签 (双标签)

           <meta  charset =“UTF-8”>

                ↑           ↑                 

         设置标签    编码           中文

             <title>xx</title> ← 标题标签(双标签--相当于人的眼睛)

       </head>

          <body> ← 身体标签(双标签)

        </body>

    </head> ← 结束标签--闭合标签(双标签)

     标签的三大分类

    1.块级元素:默认占整行,可设宽高,但还是占整行。如(div)

    2.行内块元素:不默认占整行,宽高可设,自身内容决定宽和高。如(img)

    3.行内元素:不默认占整行,宽高不可设,自身内容决定宽和高。如(button  b)

    样式引入方式

    1.行内样式:开始标签标签里面写,style=“”

    2.内部样式:head标签引入style标签。

    class和id的区别?

    1.class:类型,不具有唯一性。

    2.id:身份名,具体,唯一性。

    网页文字要考虑随什么?

    1.字体大小

    2.字体颜色

    3.字体加粗

    4.上下左右居中

    网页包括?

    1.标签  2.图片  3.超链接

    HTML图片引入格式

    <img src =“ img/xxx.jpg”/>

     ↑   ↑      ↑

     图片 路径   图片地址

    CSS样式表引入格式

      <link     rel ="stylesheet" href=“CSS/style.css”/>

          ↑                  ↑     

    外部引入 定义链接 样式调用 引入路径    表单地址

    三大类型标签可互相转换

    1.display:block  转换为块级元素

    2.display:inline-block  转换为行内块元素

    3.display:inline  转换为行内元素

    属性

    margin:外边距

    padding:内边距

    *{margin:0;} 去除外边距

    class:命名; <div class=" "> 类名    ·代表class;  ·+名字{  }

    id:身份名 (身份证)  id=" " 不能多个,唯一的。  #代表id    #+名字{ }

    auto:自动

    margin auto:自动居中

    float:浮动--left左  --right右

    line-height:行高

    width:宽

    height:高

  • 相关阅读:
    DOM基础
    9个实用的Javascript代码高亮脚本
    去掉超链接虚线框去掉chrome浏览器中input或textarea在得到焦点时出现黄色边框和取消可以拖动大小
    我的Gvim配置文件
    收集的一些有关UED的团队和个人博客
    JS函数:返回下一个元素节点而不是下一个节点
    分享一款图片导航效果 Animated Slideshow Navigation
    原生javascript写的Tab菜单(函数版)
    单个select语句实现MySQL查询统计次数
    mysql 语句case when
  • 原文地址:https://www.cnblogs.com/sunkaixuan1998/p/10120486.html
Copyright © 2020-2023  润新知