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

发布时间:2022-07-01 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了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&nbsp;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

脚本宝典总结

以上是脚本宝典为你收集整理的HTML基础入门(常用标签及其属性)全部内容,希望文章能够帮你解决HTML基础入门(常用标签及其属性)所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。