zoukankan      html  css  js  c++  java
  • html

    HTML的全称叫做Hypertext Markup Language,超文本标记语言,是网页的文件格式。网页的格式.

    HTML基本骨架

    <!DOCTYPE>  //文档申明头 。  告诉浏览器我是什么版本的的HTML文件

     

    <html>  //固定写法

      <head>   //头部信息

        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">   //使用meta设置字符集 

        <title>我是标题</title> //页面描述和关键词

      </head>

      <body>

      </body>

    </html>

    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">  

    在HTML网页中,使用meta设置字符集  meta是元  初始的意思。  表示元设置 初始设置。

    在HTML页面中  有两种字符集设置

    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">  和 

    <meta http-equiv="Content-Type" content="text/html;charset=gb2312">

    关键词和页面描述

    <meta name="keywords" content="手机,电脑,冰箱,彩电">

    可以设置页面关键字,搜索引擎会抓取这些关键字:

    HTML中标签大部分是成对出现,还有一些单标签

    例如<p>哈哈哈哈<p/>

    <p> 叫做起始标签

    </p> 叫做结束标签

    HTML页面的特点

    HTML 对换行  TAB缩进   空格不明显

    h标签和p标签

    h表示header,标题的意思。一共有六个,有不同的语义。

    h1 1级标题

    h2 2级标题

    h3 3级标题

    h4 4级标题

    h5 5级标题

    h6 6级标题

    p表示paragraph,段落。

    <p>文字</p>

    p标签一定要注意一件事,p里面只能放文字、图片、表单元素。不能放其他东西。p是一个文本级标签。

    错误的写法:

    <p>

      <h3>个人介绍</h3>

    </p>

      

    图片

    在HTML中插入图片  使用img标签

    <img src="123.jpg" />

    img是英语image的简称,图片的意思

    src是英语source的简称,资源的资源

    src属性中的值,就是图片的路径。

    网页中能插入的图片格式有:jpg gif png jpeg bmp

    图片的宽度和高度

    <img src="shishi.jpg" width="500" height="300" />

    可以通过width  height 设置 宽度高度。

    如果仅仅设置一个属性的值的话,另一个值将按比例缩放。

     

    相对路径和绝对路径

    相对路径

    img 的src属性是描述图片文件在哪。

    html页面出发,找到图片。这种路径的描述方式,叫做相对路径

    绝对路径

    所有以http://开头的路径, 或者以/开头的路径,我们都称为绝对路径。

  • 相关阅读:
    js--在页面元素上(移动到或获取焦点)、鼠标离开(或失去焦点)
    Oracle 树操作、递归查询(select…start with…connect by…prior)
    oracle 错误码查看命令oerr ora及常用错误码总结--不断更新
    Dbvisual连接远程数据库报错Error Code: 17401
    struts2 转发、重定向概述
    javascript array操作
    理解 Node.js 里的 process.nextTick()
    js的in运算符与instanceof运算符
    Javascript引擎单线程机制及setTimeout执行原理说明
    NodeJS错误处理最佳实践
  • 原文地址:https://www.cnblogs.com/kun666/p/9784052.html
Copyright © 2011-2022 走看看