网页实质上是浏览器对HTML本文的一种显示。
HTML语言本身是一种面向网页编写的标记语言。一般是由成对出现的标记标签(tag)来进行对目标网页的描述。(特别的,存在不是成对的tag) 有时感觉成对的标签就想是C语言中成对的{}一样,但是实际操作中没有{}那么的严格
HTML=tag+文本
tag,即标签 在实际的运用中大小写是没有什么关系的 可以前后都是大写,也可以都是小写 或者一个大写一个小写 在实际测试中都没有问题 <html></HTNL> <h1></h1> <P></p>未来的XMTL中会强制使用小写 = =,不会限制自由度吗?
有的标签只有前一个,也就是没有成对出现,依然可以输出 如<h1>***依然可以显示 因为即使忘了写结束标签,大多数的浏览器依然会正确显示HTML,但是最好遵守原则,不然可能会出现意想不到的错误 未来成对的标签不允许没有结束标签
tag
<h></h> 标题的输出顺序与h之后的数字的大小无关,不是说谁小就先输出,而是按照排版的顺序 从<h1>开始定义的标题一个比一个小 自动空行
好奇怪:似乎在<body></body>之间的任意成对的标签 如<a></a> <b></b> 也可以实现文本的输出 是因为定义中<body></body>是用来显示文本的,所以可以这样实现,应该是这样吧?
<p></p>表示段落 可以用来分行 可以插入一个空的段落来实现<br/>功能 然并卵
<a href="http://***********"> ****** </a> 这是链接的表示 在网站中显示的结果为 ******** 显示为一个链接 点击后会转到http://********这个URL,即地址 =号后的“ ”一定不能少 否则无法实现功能
很有意思,很多恶搞的把戏应该就是这么做的吧?
<img src="********" alt=“ ***” width=" " heigth=" "/> 显示图片 <img>包含两个属性 src(图片的URL) 和 alt(图片的替代文本,意思是当鼠标移动到图片上时,alt属性表示的文本会显示出来,相当于是图片的注释)
实际测试中URL的“ ”一定要有,否则图像无法显示 alt的不清楚,但是规定宽和高的可以省去,甚至只有一个引号 注:是src 不是arc(测试时输错了几次)
元素的定义:开始标签到结束标签之间的内容 某些标签存在空内容 空元素在开始标签中进行关闭
从网上的到的解释是:空元素存在于允许不成对存在的标签中,如<br>(定义换行,类似C中的 ),可以理解为有了<br>,它自己就关闭了
在开始标签中加入/是正确的关闭标签的方法,如<br/>
元素嵌套:本身包含其他的元素 如:<body> <h1>*** </h1> </body>
属性 总是在开始标签中定义提供了元素的更多的信息 并且总是以 名称-值对的形式出现 属性值必须被包含在引号内,单双引号都可以 但是属性值本身含有引号时,外层的引号要用单引号
如 name=‘ *** ”****“*** ’
居中、左、右对齐<h1 align=”center/left/right“>***</h1>
小尝试:<a href="http://www.baidu.com"><h1 align="center">度娘</h1></a> 显示结果是一个居于中央的 度娘 二字,点击则是百度搜索页面
背景颜色 <body bgcolor="颜色 "> </body>
水平线 <hr/> 属于空元素标签
注释<!**********> 用来解释代码 < 后接一个 ! 注意! 不能是中文输入法形式下的,否则失效(实测)
连续的空格或者是空行会被当成是一个空格(很多行的字段最后会被缩编成一行文字) 感觉这样在在排版上少了一种诗情画意
<pre></pre>预格式文本 保留原文本中的空格和空行 源天然 适合代码编写的格式
<address></address> 用来定义文档或文章作者的联系信息,定义位置的不同含义也不同。在<body>内表示文档作者信息,在<article>(文章标签)内为文章作者的信息 显示为斜体
定义在<body>是文档联系信息
定义在<article>是文章联系信息
<abbr title="缩写前的文本">缩写后的文本<abbr> 缩写 如etcetera -> etc 在某些浏览器上 当鼠标移动到etc上时 会显示etcetera
<acronym title="首字母缩写前的文本">首字母缩写后的文本</acronym>首字母缩写 如World Wide Web ->WWW 鼠标移动到WWW上时 会显示World Wide Web
在文本格式化中,如<big></big> 如果去掉结束符</big>那么之后的文本都是大的。所以格式要严格。
<big> 文本变大 <small>文本变小 <b>粗体 <strong>字体加粗 <em>(emphasized意思是强调)文本会显示为斜体
<i>也是斜体 <sup>比当前文本流中字符高度一半来显示,但是与当前文本流中文字的字体和字号都是一样的,可以作为上标文本
<sub>以当前文本流中字符高度的一半来显示但是与当前文本流中文字的字体和字号都是一样的,可以作为下标文本
<bdo dir="rtl(反向)/ltr(正向) ">控制文字的显示方向 只要确定了输出的方向 那么<bdo></bdo>间的文本都是按确定方向输出的 <bdo>标签是用来覆盖默认的文本方向
<del><ins> 在段落中删除和插入 删除是在文本中央划线 插入是在插入的文本下加下划线
计算机输出标签:
<code>表示计算机或编程代码
<kdb>表示文本是从键盘输入的
<var>常与<code>一起用来表示代码 显示文本为斜体
<cite>表示文本对文献的引用 以斜体显示
<blockquote>类似代码中的{}块作用域 将包含的文本从常规文本中剥离出来,实际上就是自己有一个独立的空间。可以自动为文本换行,也就是说为这块文本加了宽度的限制
<q>短引用 本质上跟<blockquote>一样,用于短的应用 在包含的文本输出时给它加上" "
<dfn>标记特殊的术语和短语的定义 通常是是斜体表示 还可以用来创建索引和术语表 不大会用到