美文网首页
html的基础架构

html的基础架构

作者: 常伟波 | 来源:发表于2018-07-05 08:16 被阅读0次

    <p> 第一段</p>             设置段落

    h1~h6   标题的级数,h1只能在一个页面中只能有一个

    <hr>  添加水平线

    <br>  设置空格

    <b>  加粗

    2 .实体

    3.网页显示图片

    <img src ='图片的地址以及名称',alt ='在图片无法正常显示的时候 要显示的字符'  width = '100px' height = '100px' />

          图片可以用  绝对路经/相对路经 ,但是一般使用相对路经  (../ 可以使用 表示上一级目录)

         宽和高都定义的情况下,按照定义的进行设置,  如果只设置其中的一个width or height 另一个值会等比例缩放

    4.图片的格式:

    jpg     支持压缩,但是不能透明,颜色多

    gif      颜色少, 动图  ,简单透明

    png   支持颜色多  ,能显示复杂的透明 ,显示效果好

    三者在   效果相同时,选择占用空间小的      /         占用空间相同时,选择效果好的(一般是png)、

    5.meta标签

    (1)指定关键字 :

    < meta name ='keywords'  content='HTML,JavaScripy,前端,Python' />

    (2)网页的描述:

    <meta name = 'description' content=' 发布的js的前端相关的信息' />

    (3):页面的跳转   <-- 网页跳转

    <meta http-equiv='refresh'  content='5,arl=http://www.baidu.com '/>

    指定关键字 和 网页的描述 这两部在执行时并不会在屏幕中显示, 用于搜素引擎的搜索提示,    页面的跳转,content中的内容是 时间和网址,网址如果不存在,依然会跳转,但是会提示网页不存在

    6.XHTML的语法规范

    (1)HTML中 不区分 大小写 ,一般用 小写

    (2)注释不能进行嵌套

    (3)标签必须结构完整(不能出现有头无尾的情况)

    (4)HTML标签可以嵌套,但不能交叉嵌套

    (5)HTML标签的属性必须有值, 且值 必须加引号

    7.内联框架    (内联架构不会被搜索引擎 找到,只能用于内部使用)

    < iframe  src='010.html' name = '名字', width= '宽度',height ='高度' />

    8.超链接

    <a href ='http://www.baidu.com'>  我是一个超链接  </a>

    <a href = 'http://www.baidu.com'> 我是超链接2 </a>

    <a href = 'http://www.baidu.com'  target='_blank' >我是超链接  </a>          ( target里面的的内容可以 换成  内联框架的名字)

    <a href='#'> 回到顶部</a>           href里面的值设置为'#',触发时会自动跳转到自己页面的顶部

    <a href='#bottom' >回到底部 </a>  然后在底部body里面的标签中的任意一个标签内加上 这个 id='bottom',触发事件时自动跳到 id='bottom'的位置

    <a href='内联框架的地址' target='这里写上内联框架的名字'>这里是一个内联框架</a>       超链接链接电脑中的内联框架

    相关文章

      网友评论

          本文标题:html的基础架构

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