HTML基础入门(常用标签及其属性)


网页主要由三部分组成:HTML结构(structure) CSS表现(presentation)JavaScript行为(behavior)  互联网的三大基石:HTML、HTTP协议、URL

HTML指的是超文本标记语言: HyperText Markup Language   <!DOCTYPE html>文档声明   注释内容:<!-- 注释内容 -->
HTML标记标签通常被称为标签 (HTML tag),是由尖括号包围的关键词,比如 <html>。标签通常是成对出现的,比如 <b> 和 </b>,标签对中的第一个标签是开始标签,第二个标签是结束标签;开始和结束标签也被称为开放标签和闭合标签。没有内容的HTML元素被称为空元素。空元素是在开始标签中关闭的。如:<br> 就是没有关闭标签的空元素(<br> 标签定义换行)。

基本结构:

<html>

  <head>

    <title>WebName页面文档标题</title>

    <base href="//www.runoob.com/images/" target="_blank">定义页面中所有链接默认的链接目标地址 

    <script type="text/javascript" src="js/a.js"></script>引用外部js

    <link type="text/css" rel="stylesheet" href="css/a.css" />引用外部样式  rel:必需。定义当前文档与被链接文档之间的关系。rel 是 relationship的英文缩写

    <link type="image/x-icon" rel="icon" href="img/icon.jpg" /> 设置网页图标

    <style type="text/css"> body{font-size:20px;} </style>内部样式

  </head>

  <body bgcolor="pink">

    主体内容

  </body>

标题标签:<h1~6>  水平线:<hr size="2" width="80%" color="red" />  段落:<p style="color:red;">段落内容</p>  换行:<br />  粗体:<b></b> <strong></strong>  斜体:<i></i> <em></em>  

小号字:<small></smal>  下标字:<sub></sub>  上标字:<sup></sup>  插入字:<ins></ins>  删除字:<del></del>  预格式:<pre></pre>

字体标签:<font size=”1-7” face="verdana" color="green">This is some text!</font>

<abbr> 标签用来表示一个缩写词或者首字母缩略词:The<abbr title="World Health Organization">WHO</abbr> was founded in 1948.

<address>标签定义文档作者/所有者的联系信息  <cite>标签定义作品(比如书籍、歌曲、电影、电视节目、绘画、雕塑等等)的标题

<blockquote cite="http://www.baidu.com">引用内容</blockquote>

链接:<a href="/login.jsp" target="_blank / _self"></a>  <a href="mailto:abc@sina.com">联系我们</a>

锚链接:<a name="marker">设置锚点位置</a>  <a href="#marker">跳转到锚点位置</a>  <a href="a.html#marker">跳转到指定页面的位置</a>

图像标签:<img src="pics/a.jpg" height=400px width=200px alt="图像不能正常显示的替代文字" title="鼠标悬停提示文字"  align="top/center/bottom" />  常见的图像格式:JPG GIF BMP PNG

图像映射:<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
<area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
<area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">
</map>

内嵌标签:<embed src="ee.wmv" autostart="true" loop='true' hidden='false' width="100px" height="100px"   />

块级元素(独占一行):p div h1 ol ul table form

行内元素:a img span font

特殊实体符:&gt;> &lt;< &quot;" &copy版权©  单引号:&#039


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM