前端 01

作者: 我的好昵称 | 来源:发表于2019-05-25 20:06 被阅读0次
什么是结构表现行为?面试答辩题
<!--html结构  css表现  javaScript行为-->


<!DOCTYPE  html><!--h5的文档声明,避免浏览器无法正常解析显示网页-->
  <html><!--跟标签一个页面只有一个根标签内容都写在里面-->
       <head><!--头部标签,用来解析页面,显示浏览器的标题栏中-->
      <meta charset="utf-8/"><!--告诉网页采用的编码字符集,meta设置网页元素数据,也是一个字结束标签。>
      <title>这是一个非常好的页面</title><!--标题标签-->
</head>
    <body><!--身体 标签,设置主题,显示网页的内容-->
<!--body是p和em的祖先元素,p和em是body的后代元素-->
    <h1>这是我的<font color="red" size="7">第二个</font>网页</h1><!--设置文字,大小,颜色>
<!--这里不可以使用class-->
</html>
<!DOCTYPE html>
<html>
      <head>
              <meat charset="utf-8"/>
              <title>常用的标签</title>
          </head>
          <body>
              <!---
            标题标签:
                  在html中,一共有六级标题标签,h1-h6,h1最大,h6最小,h1最重要,仅次于title的,h2-h6依次降低的,页面只用h1-h2-h3之后的不常用
-->

<h1>一级标题</h1>
<h2>一级标题</h2>
<h3>一级标题</h3>
<h4>一级标题</h4>
<h5>一级标签</h5>
<h6>一级标题</h6>

<!---
      段落标签
           用于展示内容的 一个自然段    
          使用p标签表示一个段落
          p标签默认占一行,短语段之间有一段距离
          <p>也是一个元素,em是p的子元素,p是
em的父元素。


-->
<p>我是一个p标签,我用来表示一个段落</p>
<!---在html 中,字符之间写在多的空格,浏览器也会当时换行当成一个空格解析
再页面可以使用br标签表示一个换行,br是一个自结束标签-->
<p>
    锄禾日当午,</br>
    汗滴禾下土,</br>
    谁知盘中餐,</br>
    粒粒皆辛苦,</br>
  </p>
<!---
      hr标签也是一个字结束标签,可以在页面中生成一条水平线-->

    </hr>

      </body>
</html>
<!DOCTYPE html>

<!----在html中
            在HTML中,一些如<、>这种特殊字符是不能直接使用的
            需要使用一些特殊的符号来表示这些特殊字符,这些特殊符号称为实体(转义字符)
            浏览器解析到实体时,会自动将实体转换为其对应的字符
            实体的语法:&实体的名字;>
                          <    &lt;小写
                          >   &gt;大写
                           空格 &nbsp;
                        版权©
                  – &copy;

-->
                              

a&lt;b&gt;c
<p>&copy:今天天气&nbsp:好清凉,处处风光</p>
</body>
          
  html段落是通过<p>标签进行定义的
<a href="http://www.baidu.com">This is a link</a>
<!--href 属性中指定链接的地址-->

      HTML 图像是通过 <img> 标签进行定义的。
      <img src="123.jpg" windth="100",height='139'/>
<!--img引用外部的一张图片,scr属性指向外部图片的路径,alt图片的描述-->

 答辩面试<!--题img属性
        src 路径
        alt 描述
        width 宽
        height高
    图片的格式
        JPEG(JPG)照片,不透明
        GIF颜色少,简单的透明,动图
        PNG颜色多,复杂透明
        图片的使用原则,效果不一致,使用效果好的
        效果一直,使用体积小的
    -->



<!--常见属性 id属性作为表的唯一标识符,一个网页中不可以出现相同的id属性值
  class 用来为标签分组,可以为一个clacss元素指定多个class.
titel属性用来指定标签的标题,指定title以后,鼠标移动到元素上方时,会出现提示文字
-->

meta的用法

<!--1设置页面的字符集,防止页面的乱码-->

<meta charset="utf-8">

<!--1-->

<!--2设置页面的描述-->

<meta name="description"content=''HTML5,JavaScript,前端,python '">

<!--2-->

<!--3设置对网页的关键字-->

<meta name="keywords" content"发表h5,js,python等前后端相关的信息"/>

<!--3-->

<!--4请求的重定向,要跳转页面的地址-->

<meta http-equiv="refresh" content="5"url="地址">
<h1>5秒后跳转</h1><!--指定5秒后要跳转的页面的地址-->
<!---5-->
<a>标签是超链接的 标签,通过a,可以快速跳转其他页面。
href指向一个链接地址
target设置打开页面的的位置,可选值_blank新窗口,self当前窗口

相关文章

  • 前端(01)

    1.软件主要分为两种架构: C/S和B/S 2.C表示客户端,S表示服务器 B/S(B:浏览器)本质上也是C/S....

  • 前端-01

    html基本结构: html标题,段落,换行与字符实体: html标题: 一级标题 二级标题 三级标题 四级...

  • 前端 01

  • day03项目【项目前端相关基础知识一】

    01-前端开发和前端开发工具 一、前端开发 PRD(产品原型-产品经理) - PSD(视觉设计-UI工程师) - ...

  • 前端-索引

    前端-01-web基础[https://www.jianshu.com/p/6fffe24824c9]前端-02-...

  • web前端特效演示合集

    前端特效01:使用纯CSS实现书籍3D翻页效果 前端特效02:使用纯CSS实现动态太极 前端特效03:HTML5画...

  • 01 前端入门

    如果还在大学学习,这门课一定叫做前端概论。 主要内容有: 1.我的第一个页面; 2.开发工具的选择与基本使用; 3...

  • 前端干货 -01

    1.综合类 综合类地址 前端知识体系http://www.cnblogs.com/sb19871023/p/389...

  • 前端Day - 01

    HTML 标签 单标签 换行符 标签对 常用标签对 注释 CSS 层叠样式表 标...

  • 前端基础01

    1.HTML、XML、XHTML的区别 HTML:超文本标记语言(Hyper Text Markup Langua...

网友评论

      本文标题:前端 01

      本文链接:https://www.haomeiwen.com/subject/tvpzzqtx.html