zoukankan      html  css  js  c++  java
  • HTML--基础知识

    HTML基础知识

    HTML(Hyper Text Markup)超文本标记语言;

    超文本:就是在文字内容的基础上添加的更丰富的图片、视频、音频等内容;

    网页的结构

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>
    <body>
    </body>
    </html>

    HTML标签

    HTML标签分为单标签和双标签;

    1.双标签

    开始标签和结束标签,内容放在开始标签和结束标签中间,例:

    <title>标题内容</title>

     2.单标签

    只有开始标签,没有内容,单标签后面一定要闭合,例:

    <img src="图片地址"/>

    <html></html>,告诉浏览器网页的代码用什么格式来解析;

    <head></head>,告诉浏览器网页的汉字用什么字符集,使用的字符集不正确就会出现乱码;常用的字符集有”GB2312“简体中文(ANSI)(汉字操作系统默认使用)、”GBK“国标码、UTF-8多国语言;charset="utf-8" 网页所用代码格式,一般常用utf-8;

    <title></title>,网站标题,便于网站引擎搜索;

    <body></body>,承载网站内容的代码;

    HTML标签的属性值一定要用双引号”“引起来;

    HTML注释

    1.单行注释,用双斜线 “//”,例:

    //这是一段注释内容

     2.多行注释,用<!---->表示,例:

    <!--

    这是多行注释内容的第一行 这是多行注释内容的第二行 这是多行注释内容的第三行 -->

    <body></body>标签的属性

    <body bgcolor="red" text="blue" topmargin="30px" 
    rightmargin="30px" bottommagin="30px" leftmagin="30px"></body>

    bgcolor=“red”  =>  网页背景颜色,

    text="blue"  =>  网页文字颜色,

    topmargin="30px"  =>  网页与浏览器的上边距,

    rightmargin="30px"  =>  网页与浏览器的右边距,

    bottommargin="30px"  =>  网页与浏览器的下边距,

    leftmargin="30px"  =>  网页与浏览器的左边距,

    HTML元素,指的是从开始标签(start tag)到结束标签(end tag)的所有代码。

    标签又分为块级标签和行内标签

    块级标签:独占一行,<h1>... ...<h6>,<P>,<div>

    行内标签:不能独占一行,<a>,<span>,<span>

    标题标签<h1></h1>,<h1>标题内容</h1>... ...<h6></h6>,标题(自动换行),例:<h1 align="center">标题内容</h1>,属性align的值有left居左、center居中、right居右;

    段落标签<p></p> ,块级标签,段落之间自动空行,例:<p align="center">标题内容</p>,属性align的值有left居左(默认)、center居中、right居右;

    块级标签<div></div> ,默认占一行;
    块级标签<span></span> ,默认用多少占多少;

    <meta></meta>标签

    描述网页文档属性

    http-equiv模拟的是http文件头信息,当内容从服务器端发送客户端,告诉浏览器如何正确显示信息;

    name可以设置网页关键字、描述信息等,便于引擎搜索;

    ①设置字符集

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   //告诉浏览器使用多国语言

    charset="gbk"  --- 告诉浏览器使用汉字国标码;

    charset="gb2312" --- 告诉浏览器使用汉字简体中文;

    ②网页自动刷新

    <meta http-equiv="refresh" content="4" />   //网页间隔4秒自动刷新
    <meta http-equiv="refresh" content="4;http://www.baidu.com"/>   //网页8秒后自动跳转到百度页面

    ③网站描述

    <meta name="keywords" content="网页关键字">   //设置网页关键字,如果content没有值,说明不想让百度搜到
    <meta name="description" content="网站描述内容">   //设置网页的描述信息
    <meta name="author" content="网站作者">   //设置网站的作者,一般国内的网站都不屑

    路径

    “../” 表示上级目录
    “..” 表示当前目录

    相对路径:从当前页面开始找
    绝对路径:从网站的根开始找,“/” 代表网站的根。

  • 相关阅读:
    spring boot 2 统一异常处理
    spring boot 2.0.4 Redis缓存配置
    windows下consul利用json文件注册服务
    docker安装portainer
    Docker 清理命令
    git command line 提交代码
    java应用健康检查
    springboot @Value获取值为空,解决办法
    解决You have new mail in /var/spool/mail/root提示
    kafka之kafka的伪分布式安装
  • 原文地址:https://www.cnblogs.com/wells33373/p/8086490.html
Copyright © 2011-2022 走看看