前端基础一

HTML创建及展示:

1.HTML创建:以pycharm为例  右键new点击HTML FILE创建即可

 2.打开展示:右上方会提供多种浏览器(注意需要提前下载)

HTML简介:

  1. HTML是构造网页的骨架:几乎所有的网站都是由HTML构建而成
    HTML:超文本标记语言
  2. HTML标签的分类:    (1).双标签(有头有尾)
                                           <a></a>
                                     (2).自闭合标签(单标签)
                                           <img/>
  3. HTML文档结构:     <html>
                                  <head>编写给浏览器查看的内容</head>
                                  <body>编写展示给用户查看的内容</body>
                                  </html>
  4. HTML语法注释:<!--单行注释-->

                           <!--
                           多行注释
                           多行注释
                            -->

             编程工具也有注释快捷键 ctrl+?

head内常见标签:

1.title 定义网页标题

 2.style  style 定义内部样式表  内部支持css代码

 对所有H1标签显示绿黄色

3.script  定义JS代码或通过src属性导入外部JS文件

 4.link 通过href属性引入外部的css文件:

<link rel="stylesheet" href="css/01.css">

5.Meta标签:

<meta>元素可提供有关页面的元信息(mata-information),针对搜索引擎和更新频度的描述和关键词。

<meta name="keywords" content="meta总结,html meta,meta属性,meta跳转">
关键词检索
<meta name="description" content="老男孩教育Python学院">网面介绍

定义编码<meta charset="UTF-8">

<!--指定文档的编码类型(需要知道)-->
<meta http-equiv="content-Type" charset=UTF8">  
<!--2秒后跳转到对应的网址,注意引号(了解)-->
<meta http-equiv="refresh" content="2;URL=https://www.oldboyedu.com">
<!--告诉IE以最高级模式渲染文档(了解)-->
<meta http-equiv="x-ua-compatible" content="IE=edge">

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值