zoukankan      html  css  js  c++  java
  • 11月21日html基础

      HTML:HyperText Markup Langunge 超文本标记语言 是超越了文字范畴的用标记作为基本结构的与计算机沟通的语言

    其中,超越文字范畴指除了文字还可以有图片、视频、音频、动画特效等其他内容,标记指“<>”,本质是计算机语言。

      HTML的作用:做网页。用法:在HTML文件里书写。HTML文件可以通过网页编辑软件新建,也可以通过将新建的其他类型文件的后缀名改为.html建立。

      网页以内容的存在形式分为静态网页和动态网页两个类型:

      静态网页:内容写死在源代码里面,如果要修改,必须修改源代码,文件类型为.html  .htm;

      动态网页:内容来源于数据库,只要通过后台修改就能实现网页内容的修改,常见文件类型以所运用的语言分类有.php  .aspx   .jsp 等。

      HTML文件的基本格式:

    <!--这是用一般网页制作软件新建的html文件所自带的默认格式-->
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <!--  属性名 ="属性值"-->
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
                   <!-- 规定了文件类型       规定了文件内容  html文本  编码格式-->        
            <title>无标题文档午</title>
        
        </head>
        
        <body>
    
        </body>
    </html>

      标签是HTML的基本结构,分为双标签和单标签。

        双标签:以“<标签名></标签名>”这种写法成对出现,前为开始标签、后为结束标签,两个标签之间填写内容,所以双标签的作用是内容的容器;

        单标签:以“<标签名/>”或“<标签名>”这种写法单独出现,无法添加内容或者作为内容的本身,主要起到控制作用或者做到一些特殊的格式。

        标签的属性:双标签写在头标签里,单标签直接写在标签里,格式为 属性名=“属性值”,多个属性值用“;”隔开。

        以上的编码主要包含的标签有:

          双标签<html></html>、<head></head>、<body></body>、<title></title>

          单标签<meta />

      HTML的结构:

        <html>在最外层,表示了这是html网页文件,

          在里面有两组同级的标签<head> 和<body> 。

        <head>是头标签,放入的是控制性的内容,是网页里看不到的,

          <meta>是<head>里常用标签,主要作用就是规定文件的编码格式,现在一般用国际通用编码格式utf-8。

          <title>里的内容是能显示在标题栏上的内容。

        <body>是主体标签,放入的网页内容,是网页里能看到的。

      <body>通用标签和属性

        <body>属性:

          bgcolor:背景色 属性值为十六进制颜色代码 表示网页的背景颜色。

          text:前景色 属性值为十六进制颜色代码  表示文本的颜色。

          background:背景图  属性值为所引用背景图片的地址  表现为图片作为了网页的背景,背景图的优先级大于背景色的优先级。

        路径和地址:分为绝对路径和相对路径:

          绝对路径:是从根开始写的, / 代表根,除非有服务器一般很少用到;

          相对路径:是一个自身到目标的路径,写法相当于从自身开始找到目标,其中 ./ 代表当前目录   ../  代表上一级目录。

        <font>是给字体添加格式的,有三个主要属性:

          face:定义字体的样式,属性值是字体的名称 最常用的是 微软雅黑;

          size:决定字体的大小,属性值是1~7,数值越大字体越大,最大为7,可以写大于7的数值但是现实的还是属性值为7是的字体大小;

          color:赋予字体颜色,属性值是十六进制颜色代码;

        <b>加粗文字。

        <i>使文字倾斜。

        <u>给文字添加下划线。

        <strong>也可以加粗文字,还附带加强语气,用于网站优化 关键字密度。

        <em>也可以使文字倾斜,还附带加强语气,同上。

        空格:在代码界面里无论加多少空格在网页中都代表一个,想要加空格需要字符串 “&nbsp;” 出现一个就代表一个空格。

        换行:在代码界面里换行网页里是没有效果的,想要换行就要加单标签<br/>,出现一次就带表换一行。

          虽然在代码界面换行没有效果,但是为了提高代码的可读性,还是要遵循以个换行的规则:

          1.写完一句话换一行

          2. 写完一个模块空一行

      示例:以下代码

    <font face="微软雅黑"; size="5"; color="#0000CC">带格式的文字</font>
            <br/>
            <b>加粗的文字</b>
            <i>倾斜的文字</i>
            <u>带下划线的文字</u>
            <br/>
            <b><i><u>带以上三种效果的文字</u></i></b>
            <br/>
            带   很多&nbsp;&nbsp;&nbsp;&nbsp;空格&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;的文字

      表现为

  • 相关阅读:
    scala 数据结构(七 ):集 Set
    scala 数据结构(六):映射 Map
    scala 数据结构(五):队列 Queue
    scala 数据结构(四):列表 List
    scala 数据结构(三):元组Tuple
    scala 数据结构(二):数组
    scala 数据结构(一):数据结构简介
    Scala 面向对象(十三):隐式转换和隐式参数
    vba报表制作
    Apache与Nginx
  • 原文地址:https://www.cnblogs.com/zxbs12345/p/7872565.html
Copyright © 2011-2022 走看看