html重点内容

html元素HTML元素指的是从开始标签（starttag）到结束标签（endtag）的所有代码。元素语法：•HTML元素以开始标签起始•HTML元素以结束标签终止•元素的内容是开始标签与结束标签之间的内容•某些HTML元素具有空内容（emptycontent）•空元素在开始标签中进行关闭（以开始标签的结束而结束）•大多数HTML元素可拥有属性元素没有内容的HTML元素被称为空元素。空元素是在开始标签中关闭的。br就是没有关闭标签的空元素（br标签定义换行）。在XHTML、XML以及未来版本的HTML中，所有元素都必须被关闭。在开始标签中添加斜杠，比如br/，是关闭空元素的正确方法，HTML、XHTML和XML都接受这种方式。即使br在所有浏览器中都是有效的，但使用br/其实是更长远的保障。使用小写标签：TML标签对大小写不敏感：P等同于p。许多网站都使用大写的HTML标签。W3School使用的是小写标签，因为万维网联盟（W3C）在HTML4中推荐使用小写属性HTML标签可以拥有属性。属性提供了有关HTML元素的更多的信息。属性总是以名称/值对的形式出现，比如：name=value。属性总是在HTML元素的开始标签中规定。属性例子2:body定义HTML文档的主体。bodybgcolor=yellow拥有关于背景颜色的附加信息。属性例子1:h1定义标题的开始。h1align=center拥有关于对齐方式的附加信息。属性例子3:table定义HTML表格。（您将在稍后的章节学习到更多有关HTML表格的内容）tableborder=1拥有关于表格边框的附加信息。属性始终为属性值加引号：属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：name='BillHelloWorldGates'使用小写属性：属性和属性值对大小写不敏感。不过，万维网联盟在其HTML4推荐标准中推荐小写的属性/属性值。下面列出了适用于大多数HTML元素的属性：标题标题（Heading）是通过h1-h6等标签进行定义的。h1定义最大的标题。h6定义最小的标题。请确保将HTMLheading标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。搜索引擎使用标题为您的网页的结构和内容编制索引。因为用户可以通过标题来快速浏览您的网页，所以用标题来呈现文档结构是很重要的。应该将h1用作主标题（最重要的），其后是h2（次重要的），再其次是h3，以此类推段落段落是通过p标签定义的。浏览器会自动地在段落的前后添加空行。（p是块级元素）提示：使用空的段落标记p/p去插入一个空行是个坏习惯。用br/标签代替它！实例pThisisaparagraph/ppThisisanotherparagraph/p如果您希望在不产生一个新段落的情况下进行换行（新行），请使用br/标签：pThisisbr/aparabr/graphwithlinebreaks/pbr/元素是一个空的HTML元素。由于关闭标签没有任何意义，因此它没有结束标签。文本格式化样式1.外部样式表当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观。headlinkrel=stylesheettype=text/csshref=mystyle.css/head2.内部样式表当单个文件需要特别样式时，就可以使用内部样式表。你可以在head部分通过style标签定义内部样式表。headstyletype=text/cssbody{background-color:red}p{margin-left:20px}/style/head3.内联样式当特殊的样式需要应用到个别元素时，就可以使用内联样式。使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何CSS属性。pstyle=color:red;margin-left:20pxThisisaparagraph/p超链接超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。我们通过使用a标签在HTML中创建链接。有两种使用a标签的方式：通过使用href属性-创建指向另一个文档的链接通过使用name属性-创建文档内的书签ahref=使用href属性实例：使用Target属性，你可以定义被链接的文档在何处显示。下面的这行会在新窗口打开文档：ahref==_blankVisitW3School!/a超链接name属性规定锚（anchor）的名称。您可以使用name属性创建HTML页面中的书签。书签不会以任何特殊方式显示，它对读者是不可见的。当使用命名锚（namedanchors）时，我们可以创建直接跳至该命名锚（比如页面中某个小节）的链接，这样使用者就无需不停地滚动页面来寻找他们需要的信息了。首先，我们在HTML文档中对锚进行命名（创建一个书签）：aname=tips基本的注意事项-有用的提示/a然后，我们在同一个文档中创建指向该锚的链接：ahref=#tips有用的提示/a您也可以在其他页面中创建指向该锚的链接：ahref=有用的提示/a提示：假如浏览器找不到已定义的命名锚，那么就会定位到文档的顶端。不会有错误发生。超链接注释：请始终将正斜杠添加到子文件夹。假如这样书写链接：href=，就会向服务器产生两次HTTP请求。这是因为服务器会添加正斜杠到这个地址，然后创建一个新的请求，就像这样：href=。图像在HTML中，图像由img标签定义。img是空标签，意思是说，它只包含属性，并且没有闭合标签。要在页面上显示图像，你需要使用源属性（src）。src指source。源属性的值是图像的URL地址。imgsrc=属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。imgsrc=boat.gifalt=BigBoat在浏览器无法载入图像时，替换文本属性告诉读者她们失去的信息。此时，浏览器将显示这个替代性的文本而不是图像。假如某个HTML文件包含十个图像，那么为了正确显示这个页面，需要加载11个文件。加载图片是需要时间的，所以我们的建议是：慎用图片。表格tableborder=1trthHeading/ththAnotherHeading/th/trtrtdrow1,cell1/tdtdrow1,cell2/td/trtrtdrow2,cell1/tdtdrow2,cell2/td/tr/table如果不定义边框属性，表格将不显示边框。有时这很有用，但是大多数时候，我们希望显示边框。使用边框属性来显示一个带有边框的表格：表格的表头使用th标签进行定义。大多数浏览器会把表头显示为粗体居中的文本：表格在一些浏览器中，没有内容的表格单元显示得不太好。如果某个单元格是空的（没有内容），浏览器可能无法显示出这个单元格的边框。这个空的单元格的边框没有被显示出来。为了避免这种情况，在空单元格中添加一个空格占位符，就可以将边框显示出来。表格标签:列表无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。无序列表始于ul标签。每个列表项始于li。ulliCoffee/liliMilk/li/ul同样，有序列表也是一列项目，列表项目使用数字进行标记。有序列表始于ol标签。每个列表项始于li标签。olliCoffee/liliMilk/li/ol自定义列表不仅仅是一列项目，而是项目及其注释的组合。自定义列表以dl标签开始。每个自定义列表项以dt开始。每个自定义列表项的定义以dd开始。dldtCoffee/dtddBlackhotdrink/dddtMilk/dtddWhitecolddrink/dd/dl块大多数HTML元素被定义为块级元素或内联元素。块级元素在浏览器显示时，通常会以新行来开始（和结束）。例子：h1,p,ul,table内联元素在显示时通常不会以新行开始。例子：b,td,a,imgHTMLdiv元素是块级元素，它是可用于组合其他HTML元素的容器。div元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。如果与CSS一同使用，div元素可用于对大的内容块设置样式属性。div元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用table元素进行文档布局不是表格的正确用法。table元素的作用是显示表格化的数据。HTMLspan元素是内联元素，可用作文本的容器。span元素也没有特定的含义。当与CSS一同使用时，span元素可用于为部分文本设置样式属性。布局可以使用div或者table元素来创建多列。CSS用于对元素进行定位，或者为页面创建背景以及色彩丰富的外观。提示：即使可以使用HTML表格来创建漂亮的布局，但设计表格的目的是呈现表格化数据-表格不是布局工具！下面的例子使用三行两列的表格-第一和最后一行使用colspan属性来横跨两列：表单表单是一个包含表单元素的区域。表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素。表单使用表单标签（form）定义。多数情况下被用到的表单标签是输入标签（input）。输入类型是由类型属性（type）定义的。大多数经常被用到的输入类型如下：当用户要在表单中键入字母、数字等内容时，就会用到文本域。formFirstname:inputtype=textname=firstname/br/Lastname:inputtype=textname=lastname//form表单当用户从若干给定的的选择中选取其一时，就会用到单选框。forminputtype=radioname=sexvalue=male/Malebr/inputtype=radioname=sexvalue=female/Female/form当用户需要从若干给定的选择中选取一个或若干选项时，就会用到复选框。forminputtype=checkboxname=bike/Ihaveabikebr/inputtype=checkboxname=car/Ihaveacar/form表单当用户单击确认按钮时，表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。formname=inputaction=html_form_action.aspmethod=getUsername:inputtype=textname=user/inputtype=s