Web前端学习—第二课HTML篇

Q6:什么是HTML标签,如何合理使用HTML标签?哪些特殊场合需要使用特定的标签? (不考虑CSS)

HTML标签(超文本标记语言标签):是html语言中最基本的单位,是html语言最重要组成部分。   

【使用】是由尖括号包围的关键词,如:<html>;通常是成对出现的,如<div></div>;标签对中第一个标签是开始标签,第二个是结束标签;开始标签和结束标签也被成为开放标签和闭合标签;也有单独呈现的标签,如<br />;一般成对出现的标签内容在两个标签之间,单独呈现的标签,内容在其属性中赋值,如:<p>this is a paragraph</p>;<input type=”text” value = “按钮”>;网页的内容元素需要包含在<html>标签内,标题,语言,字符格式,兼容性,关键字,描述等信息包含在<html>内的<head>标签内,具体内容包含在<body>内;某些时候虽然没有按照标准书写代码但依旧能正常显示网页,但出于职业素养,我们应该严格按照标准书写代码。   

   特定标签的意思是,比如要显示斜体字体的时候要用什么标签,在这里总结一下

Q7:怎么看待div标签?

DIVdivision):定义文档中的分区或节;把文档分割为不同的独立的部分。可以用作严格的组织工具,并且不使用任何格式与其关联。如果用id或者class对其进行标记,那该标签样式会更丰富,作用更有效。

Div块级元素,自动进入一个新行。一般使用class ID对其进行控制。

Divhtml文档内大块内容提供结构和背景,它起始标签到结束标签的所有内容都是用来构成这个块的,其中包含元素的特性由div标签的属性来控制,或者使用样式格式化进行控制,div标签成为区隔标记,设定字 画 表格等的摆放位置。

嗯,上面描述的其实适合于所有的标签。根据标签语义化来说说

标题及其对其:<h1>----<h2><h1 align = left | center | right | justify>  </h1>

划分及其对其:<div></div>属性:align:left center right justify HTML4.01以及 XHTML 1.0   strict DTD不支持。

块引用:<blockquote></blockquote>之间所有文本将从常规文本中脱离出来,经常会在左右两边缩进,有时会有斜体,即块引用有它们自己的空间。

引用,如参考文献,书刊等 <cite></cide>,文本以斜体显示。

显示源码:<code></code>

下标:<sub></sub>上标<sup></sup>

打字机体:<tt></tt>用单空格字型显示

预定格式:<pre></pre>保留文本中空格,换行

向中看齐:<center></center>图片 文字

字体:<font size=...></font>  <font size=+|-?></font>

定义基本字体大小 颜色 字体(默认):<basefont sizeof = 1-7color。。。。></basefont>

字体颜色:<font color = “#444”></font>

连接:<a href = “url”></a>

图形对齐方式:<img src = “#”  algin= “top bottom middle left right texttop absbottom baseline absmiddle ” />

取代文字:如果没有显示图片则显示文字:<img src=”” alt=””>

地图:<map name = “”></map>

段落:<area shape=”” coords=”” href=”” />coords:坐标

低解析度图形:lowsrc

内嵌物件:<embed  src = “”   width=””>

段落:<p align = center right left>

文字部分看齐:<br clear= left right center />与图形合用时

横线:<hr size=”” align=”left center right ” width = “ px,  %”   />

实线:<hr noshade > 不可换行<nobr></nobr>

无序列举:<ul type=”disc | circle | square”>.......<li type=”disc | circle | square”></li>   .........<ul>

有序列举:<ol>....<li></li>.....</ol>type=”A a i I 0”起始:<li value=”4”>

定义式列举:<dl><dd><dt></dl>  dl 定义 dt dd项目

目录式列举:<dir><li></dir>

背景与颜色:重复排列背景图像:<body background = “url”>

背景颜色<body backgrund-color=”###”>

文字颜色:<body text=”###”>

链接颜色:<body link=”###”>看过的链接:vlink;使用中的链接:alink

特殊字元:< < > > <  >注册商标TM  ®  著作权符号 © 著作权符号 © 

表单:<form action=”url” method=”get  post”></form>

上传档案:<form enctype=”multipart  form-data”></form>

输入栏位:<input type=”text  password  checkbox radio  image hidden  submit reset”  name = “”  value = “” size=”宽度” maxlength=”” />

下拉菜单:<select name=””  seze=    multiple></select>

选项:<option selected>

文字输入区:<texteara rows=  cols =  name = “”  wrap= “off  physical virtual换行方式”></texterea>

表格:<table></table>;表格列:<tr></tr>;存储格:<td></td>需与列并用;表格内表头单元格:<th></th>;表格标题:<caption></caption>

视框:<frameset rows=”相对大小, %” 或cols = “相对大小 %”  src =“”name=””  _blank  _self  _parent  _top     marginwidth  marginheight   scrolling=”yes  no  auto ”></frameset>

<frame noresize>

<noframes></noframes>

原文地址:https://www.cnblogs.com/Decmber/p/4665461.html