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;的文字

  表现为

原文地址:https://www.cnblogs.com/zxbs12345/p/7872565.html