HTML学习笔记

来源:互联网 发布:一起走软件登录 编辑:程序博客网 时间:2024/06/02 09:40

whatever you do , please never give up!

好啦,开始学习html,html是一种标记语言,应该是每个程序员应该要会的,是标记语言的基础!!

由于html家喻户晓,我就不过多赘述其的用处与重要性了,这里学习它也是为了学习xml,xml和html的关系会在xml的学习笔记中介绍

这里主要介绍一下html的标签、属性,先来一个栗子

<html><body><h1>My First Heading</h1><p>My first paragraph.</p></body></html>
再来一发解释

  • <html> 与 </html> 之间的文本描述网页
  • <body> 与 </body> 之间的文本是可见的页面内容
  • <h1> 与 </h1> 之间的文本被显示为标题(h1、h2、h3...按大小从大到小排列,用于划分文章标题层次性)
  • <p> 与 </p> 之间的文本被显示为段落(可以尝试多写几个这个标签,看看他们是怎么排列的)
然而把上面的代码转化成这样和上面的效果是一样的,现在还不知道为什么,可能是浏览器越来越智能了吧

<html><body><h1>My First Heading</h1></body><p>My first paragraph.</p></html>
以上介绍的是它的最基本的标签,下面再加点料

<html><body><img src="http://p0.so.qhimg.com/t013f7ae86c454d1b00.jpg" width="300" height="120" /></body></html>

设置图片,看看试试编译一下就明白了

<html><body><a href="http://www.w3school.com.cn">This is a link</a></body></html>

设置一个连接,href是设置一个属性,属性是一个特别好的东西,我们可以通过设置属性来设置背景颜色(bgcolor)、设置连接(href)、设置对齐方式(align)、唯一标识(id)...

<html><body><p>hr 标签定义水平线:</p><hr /><p>这是段落。</p><hr /><!-- This is a comment --><p>这是段落。</p><hr /><p>这是段落。</p></body></html>

<hr />  是定义水平线,<!-- &^%^&%$^ --> 是注释 <br />  是换行


0 0
原创粉丝点击