• 前端的开始


    HTML(HyperText Mackeup Language):,超文本标记语言,是结构,制作网页

    CSS:是衣服,用来美化网页

    JS:是动作,让网页动起来的.

    HTML:超文本标记语言

    html除了语义什么都没有

    结构:

      声明部分,告诉浏览器,页面制作是使用的哪个标准.(文档第一行)<!DOCTYPE html>

      head部分:将页面额外信息告诉服务器,不会显示在页面上<head></head>

         <title>:指定整个网页的标题,在浏览器最上方显示。

         <meta>:提供有关页面的基本信息  

          <link>:定义文档与外部资源的关系。

          <style>:定义内部样式表与网页的关系

      body部分:我们的代码都写在这里面 <body></body>

        

    特征:

      1空白折叠现象

      2对空格和和换行不敏感

      3标签要严格封闭

    标签分类:

       1行内标签:

        a在一行内显示 span   strong  em   i   del   a 

        b不能设置宽高,默认宽和高,是内容填充

       1.1行内块标签  img  input

        a在一行内显示    b可以设置宽高

      2块级标签  div  p   h1-h6

        a独占一行

        b可以设置宽高,如果不设置宽高,默认的宽是父亲的100%.高度是内容的高度.

    字体标签:h1-h6 标题标签 <font>设置字体类型颜色和大小  <u>下划线标记  <b> <strong>加粗   <em> <i>斜体  <sup>上方显示(上标)  <sub>下角显示(下标)

    排班标签: <div>定义块 换行   <span>定义区域 不换行  <br>换行标签  <hr>水平线标签  <center>内容居中显示  <pre>预定义 保存原有格式,空格不折叠.

    超链接:<a>  网址链接 

          href:目标是URL

          title 悬停文本

          name:主要用于设置一个锚点的名称

          target:

    图片标签:<img> 链接图片   <img src=""alt=""> src是选择图片路径 两种方式:绝对路径,相对路径

    特殊字符: 

    &nbsp; 空格 (non-breaking spacing,不断打空格)

    &lt;  小于号(less than)

    &gt  大于号(greater than)

    &amp;  符号&

    &quot; 双引号

    &apos;  单引号

    &copy;  版权

    &trade;  商标

    HTML 特殊字符表链接:  http://tool.chinaz.com/Tools/HtmlChar.aspx

    特别注意:p标签是一个文本级标签,p里面只能放文字,图片,表单元素,其它的一律不能放

    <p align="center">文字居中显示(还可以设置 left,right)</p>

    div和span是非常重要的标签,div的语义是division“分割”; span的语义就是span“范围、跨度”。CSS课程中你将知道,这两个东西,都是最最重要的“盒子”。区别:<span>是不换行的,而<div>是换行的。

    span里面只能放置文字,图片,表单元素,

  • 相关阅读:
    sql server 镜像操作
    微信测试公众号的创见以及菜单创建
    linux安装redis步骤
    Mysql 查询表字段数量
    linux 链接mysql并覆盖数据
    linux (centos)增删改查用户命令
    CentOS修改用户密码方法
    https原理及其中所包含的对称加密、非对称加密、数字证书、数字签名
    com.mysql.cj.exceptions.InvalidConnectionAttributeException: The server time zone value 'Öйú±ê׼ʱ¼ä' is unrecognized or represents more than one time zone. 问题解决方法
    设计模式(三):模板方法模式
  • 原文地址:https://www.cnblogs.com/lingcai/p/9648002.html
Copyright © 2020-2023  润新知