认识HTML

发表于 由haozhi
  • 认识HTML
    1. HTML(Hyper Text Markup Language)是一种超文本标记语言
    2. HTML使用标记标签来描述网页–》写网站页面
  • 掌握HTML的基本语法
    1. HTML基本结构

  1. Html中的标签，分为单标签和双标签(标签对)
  2. <html></html>:是一个标签对，其中<html>是开始标签，标志着html文件的开始，</html>是结束标签，标志着html文件的结束。所有的html代码都要写在html标签对中
  • <head></head>:代表html文件的头部，定义网页的一些信息，如编码、规则、关键字、描述等等
  1. <title></title>:用来设置网页名称，一般写在head标签中
  2. <meta />:单标签，用charset=’utf-8’来设置网页编码
  3. <body></body>：代表html文件的主体，用来盛放网页中的内容，比如：文字、图片等等
  1. HTML代码写在HTML页面(文档)中
  2. HTML文件的扩展名有.html .htm
  3. HTML页面需要浏览器来解析，才能看到效果
  • 熟练使用常用HTML标签
    1. h1~h6:标题字标签，用来设置标题样式，下标越大，标题越小。
    2. <br />：单标签，起到换行的作用
    3. <p></p>:段落标签，分割段落
    4. <strong></strong>:表示强调，强调的效果是加粗，对搜索引擎起到强调的作用
    5. <b></b>：表示加粗
    6. <hr />：单标签，水平分割线
    7. <img />：图像标签，用来引入图片
      1. src属性:指定图片的地址(路径)
      2. width属性：设置图片的宽度,单位是像素(px)
  • height属性：设置图片的高度,单位是像素(px)
  1. title属性：设置鼠标悬浮图片时的提示信息
  2. alt属性：设置图片加载失败时的提示信息

 

  1. <a></a>:代表html当中的超链接
    1. href属性：设置超链接跳转页面的地址(路径)

href的值可以留空,也可以写#,#代表跳转到当前页面

  1. http或https
    1. http是一种协议，告诉浏览器如何打开网页
  • title属性：设置鼠标悬浮超链接时的提示信息
  1. target属性：设置超链接打开页面的方式
    1. _blank//在新的窗口打开页面
    2. _self//在当前窗口打开页面，默认值

 

  1. 给图片加超链接

 

  • 文件路径
    1. 文件路径：是指文件在计算机中的存储位置
    2. 相对路径
      1. 相对于当前文件的关系路径
    1. 同级路径：当前文件html与要引用的文件leshi.png都处在同一个父级文件夹下，并且是平等的关系，这时候直接写文件名称即可。

 

  1. 进入下级目录：使用/

 

  1. 返回上级目录：使用../
  1. 绝对路径:
    1. 本地路径：带有盘符的路径(自己电脑上的路径)

例2.html文件在E盘，想要引用D盘的图片：

 

  1. 外网路径：带有网址的路径

 

 

  • 空间/域名
    1. 服务器：相当于一个用来存储文件的机器
    2. 空间：存在于服务器上面，是一个用来存储网站代码的仓库，把做好的网站部署到服务器空间上
    3. 域名：是一个网上的地址(www.baidu.com)，和空间绑定在一起，然后通过域名就能找到空间，进而找你的网站
    4. 新浪云登录地址：http://www.sinacloud.com/

 

 

  1. 域名：baidu.com
    1. baidu是域名主体,.com是域名后缀
    2. 常见的域名后缀有
      1. .com//国际通用 商业公司域名,在全球范围使用
      2. .cn//中国 商业 .jp(日本) .hk(香港)
      3. .net//通用的网络公司
      4. .edu//教育培训
      5. .gov//政府机关，商业和个人不能注册
      6. .org//社会组织机构
  • 如何选择域名：简单好记，与产品或品牌相关

 

发表评论

电子邮件地址不会被公开。