美文网首页
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的基础架构

    第一段 设置段落 h1~h6 标题的级数,h1只能在一个页面中只能有一个 添加水平线 设置空格 加粗 2 ...

  • Make a website 学习笔记01

    1网站架构-文本,链接,图像等 1.HTML ,超文本标记语言,网页制作的基础。CSS 级联样式表,控制HTML ...

  • 网页制作—HTML、CSS、JavaScript

    HTML(超文本标记语言) 网页制作的主要语言,是网页的基础架构注意:HTML只是一种标记语言,只能建议浏览器以什...

  • 前端知识架构图笔记

    说到前端知识架构图,脑海里面浮现首先是基础HTML、CSS、JAVASCRIPT,再到后面出现的框架JQuery、...

  • HTML文件标记解剖

    ■ HTML基本架构: 以下HTML Source Code便是一份HTML文件的基本架构: 网页的标题 网页的内...

  • MySQL-分布式架构-MyCAT

    1、MyCAT基础架构准备 MyCAT基础架构图 1.1 MyCAT基础架构准备 1.1.1 环境准备: 1.1....

  • 实战项目:基础爬虫

    停更了许久,从今天开始继续更新。 基础爬虫架构及运行流程 爬虫架构由5部分组成,爬虫调度器,URL管理器,HTML...

  • react学习路线图

    基础 HTML学习 HTML 基础学习 HTML 基础CSS学习 CSS 基础在上一步练习的基础上为页面添加样式使...

  • BERT复习

    1.BERT整体模型架构 基础架构 - TRM的Encoder部分image.pngBERT的基础架构是trans...

  • 架构的架构基础

    基础知识点缀: https://segmentfault.com/a/1190000008717267

网友评论

      本文标题:html的基础架构

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