美文网首页
HTML总结笔记(二)

HTML总结笔记(二)

作者: 此生唯一自传 | 来源:发表于2019-01-08 21:30 被阅读0次

一、h和p标签

h:标题,headline <h1> 到 <h6> 都是标签:一级到六级标题 

p:段落,paragrap。p标签是一个文本级标签。

HTML标签是分等级的,HTML将所有的标签分为两种:容器级、文本级

顾名思义,容器级的标签,里面可以放置任何东西;文本级的标签里面,只能放置文字、图片、表单元素

二、图片

2.1 图片的可用类型

页面上可以插入图片,能够插入的图片类型是:jpg(jpeg)、gif、png、bmp。不能往网页中插入的图片格式是:psd、ai。HTML页面不是直接插入图片,而是插入图片的引用地址,所以也要把图片上传到服务器上。

2.2 语法

<img src="baby.jpg" alt="xxxx" /> 自封闭标签,也称为单标签。 alt是英语alternate“替代”的意思,就表示不管因为什么原因,当这个图片无法被显示的时候,出现的替代文字(有的浏览器不支持)。

2.3 相对路径

面试题

<img src="../../photo/1.png" />

../表示上一层目录

三、超级链接

一个网站,是由很多html网页组成的,html网页之间能够通过超级链接互相跳转,从而形成了“网”。

a:anchor:锚点,文本级标签

语法:

<a href="09_img.html" title="点一下试试" target="_blank">点击跳转</a>

内部属性:1.title:悬停文本  2.target目标(是否在新窗口打开) 3.name或id:页面内锚点,点击可以跳转相应的锚点位置

4.href:hypertext reference:超文本地址

<a name="wdzp">我的作品</a>

<a href="#wdzp">点击我就查看我的作品</a> 

相关文章

  • HTML总结笔记(二)

    一、h和p标签 h:标题,headline 到 都是标签:一级到六级标题 p:段落,paragrap。p标签...

  • HTML笔记总结

    html总结 1.HTML 指的是超文本标记语言 (HyperTextMarkupLanguage)...

  • HTML笔记二

    HTML计算机代码 HTML键盘格式 kbd元素定义键盘输入 打开一个文件,选择 File |Open... ...

  • HTML笔记(二)

    常用元素 h 、p、strong元素 h表示网页的标题h1~h6共规定了6个等级的标题p元素 p表示文章中的一个段...

  • HTML笔记总结<1>

    这里总结 1.HTML的基本概念 2.meta元素 3.相对路径和绝对路径 4.anchor概念 参考网址:htt...

  • HTML笔记总结<2>

    这里总结 1.多媒体 2.iframe 3.高级文本格式 多媒体 video元素 iframe iframe是一种...

  • Html学习笔记总结

    做做笔记,防遗忘。 常见标签 html基本标签 文件标签:html、head、body排版标签:br、p、hr、《...

  • HTML总结笔记(一)

    一、网页的原理: 用户输入某个网址之后,对应的服务器发现用户请求该网页,就会将该网页相关的所有文件(图片文...

  • HTML总结笔记(三)

    一、列表 1.1 无序列表 无序列表,ul(unordered list),即列表中的每一项没有排名次序的。ul是...

  • HTML meta标签

    转载于HTML meta标签总结与属性使用介绍 - Lxxyx的开发笔记 - SegmentFault 思否

网友评论

      本文标题:HTML总结笔记(二)

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