html

Html:超文本标记语言

      超文本:包括文本,音频,视频,图片。

      写法:标记【标签】

      作用:页面的搭建

常用的浏览器;谷歌chrome    兼容性,调试功能全

            火狐firefo

            360(ie)

            Safari

            欧朋   opera

            Uc

          W3c  万维网联盟   规定了html的标签的书写标准

书写html的编辑器:

记事本

Sublime

Dreamweaver

Webstorm

Hbuiler

Html的语言的基本结构

  <html>   html网页的开始标签

       <head>   头部信息的开始标签

            其他

       </head>   头部信息的结束标签

       ,<body>  主体标签的开始

            其他

        </body> 主体标签的结束

  </html>   html网页的结束标签

Head中的标签是几个固定的

  1.<title></title>网页的标题

  2.<meta/>设置网站的字符编码

  字符编码:utf-8***  gbk   gb2312

单标签<标签名字 内容/>    <meta />

双标签<标签名字>内容</标签名字>  <title></title>

其他的标签都写在body里面

注意:标签都是以<>包括起来的

  1. 标题标签

<h1>一级标题</h1>

……

<h6>六级标题</h6>

从1到6字号依次变小并且自动加粗

W3school网站  菜鸟教程

  1. 段落标签

<p>……</p>

  1. 换行标签

<br/>

  1. 水平线

<hr/>

5.字体加粗

  <b>……</b>

  <strong>……</strong>

6.字体倾斜

  <em></em>

7.转义字符

  空格:&nbsp;

>   &lt; ***

<  &gt;***直接输出不符合标准

版权符号  &copy;***

 Html网页的运行方式:直接双击,在浏览器打开

在html标签的最上边<!DOCTYPE  html>告诉浏览器使用什么规范

12.3日

A.常见的图片格式:

   .jpg  .jpeg   .gif   .png

B.图片标签

 <img 属性  属性  属性/>

  属性名称=“值”

  Img标签的属性

   Src = “”  图片的路径

   Width = “”设置图片的宽

   Height = “”设置图片的高

   Alt = “”鼠标移动上去的显示的信息

   Title = “”标题

Sre的值得写法

绝对路径:从盘符开始计算

       Src = “file:///盘符”

           找到图片所在的位置 写入src中,在浏览器查看

           如果显示不出来 F12 查看元素 点住图片复制路径

           到浏览器  显示出全路径  最后粘贴到src中

 

相对路径  ****

 1.同级目录   和当前文件在同一个目录下边

         Src = “图片名称” 或者scr = “./图片名称”

 2.下一级目录  图片在当前文件的下一级

         Src = “./文件夹名字/图片名字”或者src=“文件夹名字/图片名字”

 3.上一级目录

 

Html的注释:<!--注释内容-->

posted @ 2020-04-18 19:47  cxiaojie  阅读(73)  评论(0编辑  收藏  举报