学习前端 Day1

1.网页三元素,结构html,表现css,行为javascript


2.html的结构

<html>​

<!--

html便签,一个页面有且只有一个根便签,网页中所有的内容都应该写在html根标签中

-->

          <head>

<!--head标签,便签中的内容不会在网页中显示,它用来帮助浏览器解析页面的

-->

                      <title>

<!——

title的便签,默认只会显示在浏览器的标题栏中

搜索引擎在检索页面时,会首先检索title便签中的内容,他是网页中对搜索引擎来说最重要的内容,会影响到网页在搜索引擎中的排名

——>

                      </title>

            </head>

          <body>

<!——

body标签用来设置网页的的主体内容,网页中所有可见内容,都应该在body中编写

——>

                    <h1>  这是我第二个网页

</h1>

        </body>

</html>​


3.注释

<!-- 这个结构中,可以编写html注释

注释内容,不会在页面中显示,但是可以在源码中查看

注释一定要简单明了

功能:

作者:

日期:

-->


图片发自简书App


4. 把2结构中的h1内的第二个变红。

<h1>这是我第二个网页</h1>

需要把第二个和其他字区分开来,这时候我们需要使用属性标签,本列中使用<font>属性

设置属性应该用属性标记

<h1>

这是我<font color = "red">第二个网页 </font>

<!——

属性:

    通过属性设置标签,如果处置标签中的内容,可以在开始标签中设置属性

——>

</h1>


图片发自简书App

注意:1.属性定义时的空格,否则运行不正确

            2.标签的属性可以通过3wcshool离线文档查询

            3.此处标签<font>属于网页三要素的表现,应该用于css,而不应该用于html因此不建议使用

5.编写网页时一定要加文档声明<!DOCTYPE>

图片发自简书App
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 浏览器与服务器的基本概念 浏览器(安装在电脑里面的一个软件) 作用: ①将网页内容渲染呈现给用户查看。 ②让用户通...
    云还灬阅读 4,887评论 0 0
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 10,059评论 0 0
  • 概述 在网易云课堂学习李南江老师的《从零玩转HTML5前端+跨平台开发》时,所整理的笔记。笔记内容为根据个人需求所...
    墨荀阅读 6,984评论 0 7
  •   DOM(文档对象模型)是针对 HTML 和 XML 文档的一个 API(应用程序编程接口)。   DOM 描绘...
    霜天晓阅读 9,119评论 0 7
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 13,159评论 0 3

友情链接更多精彩内容