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标签?

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

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

Div为html文档内大块内容提供结构和背景,它起始标签到结束标签的所有内容都是用来构成这个块的,其中包含元素的特性由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-7”color。。。。></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>

时间: 2025-01-12 20:23:42

Web前端学习—第二课HTML篇的相关文章

Web前端学习-第二课JavaScript篇

Q3:怎么检测数据类型?有哪些方式?其原理是什么? Typyof检测基本数据类型,,返回值是一个代表数据类型的字符串,而且是小写的:instanceof检测对象类型(原理是获取某一对象实例).Constructor检测对象的已有属性类型或者基本数据类型:object.prototype.toString()得到一个表示对象的类型的字符串.此方法可有效判断数组,函数,正则表达式,等对象类型(引用类型)可判断null和undefined: 描述一下Typeof和instanceof在判断类型的时候,

Web前端学习-第一课JavaScript篇

Q1:数据类型有哪些? 5种简单数据类型:undefined,null,boolean,number,string: 1种复杂数据类型:object. Undefined只有一个值:undefined: Null只有一个值:null:(表示一个空对象指针) Boolean有两个字面值:true,false:(区分大小写,True和False等都不是boolean值,只是标识符) Number值:整数,浮点数,十进制,八进制(第一位必须是0,严格模式下无效),十六进制(前两位必须是0x),数值范围

Web前端学习-第一课HTML篇

Q1:什么是HTML? Html(Hyper Text Mark-up Language)超文本标记语言.是用来表述网页的一种语言.可以表示文字,图形,动画,声音,表格等的文本,结构包括head 和 body两部分.Head描述浏览器所需要的信息.Body包含所要说明的具体内容.通过在文本中添加标记符告诉浏览器如何显示其中的内容,浏览器按顺序阅读网页文件,通过标记符解释和显示其标记的内容,对书写错误的标记不指出其错误,且不停止其解释过程.不同浏览器有不同的解释. 是基于标准通用置标语言的应用.

Web前端学习第二篇

今天看到了一篇写的不错的文章,是有关对JQuery.js等一些源代码初识的内容,感觉写的还是不错,所以拿过来分享一下. 文章的地址:http://my249645546.iteye.com/blog/1716629 1.对(function(){})(); 几乎所有的开源js代码开篇都是这样(function(……){……})(……); 下面是Jquery的部分源码: (function( window, undefined ) { var jQuery = function( selector

Web前端学习第二天

还是用中文,省时间.... 话说今天接到一个电话面试,问了6,7个问题3和没答上来,然后被拒了. 看来我还得好好提升一下自己才有资格找实习. 今天干了三件事: 1.在github上创建了一个自己的repository,并把测试网站放上去试了一下,成功! 2.用了一个git,感觉很诡异. 3.复习了一部分CSS. 常用git命令: $ git clone  //本地如果无远程代码,先做这步,不然就忽略 $ cd //定位到你blog的目录下 $ git status //查看本地自己修改了多少文件

WEB前端学习笔记 五

接web前端学习笔记第四篇,此篇为web学习笔记 五,在此感谢您的采集和转发,但请注明文章出自网知博学. 2.0.3  html标签的属性格式 现在我们知道了两个双标签分别是,标题标签:<h1> - <h6>.和段落标签:<p></p>还知道了一个换行的单标签:<br />,现在我们给<p></p>标签添加一个属性,来改变段落是右对齐,还是左对齐,还是居中. 如上图,<p>标签中的 align(中文就是排列的意

web前端入坑第四篇:你还在用 jQuery?

web前端入坑第四篇:你还在用 jQuery? 大妈都这么努力,我们有几个人回家还看书的? 先来补齐[web前端入坑系列]前三篇的连接web前端入坑系列:点击标题进入第一篇: web 前端入坑第一篇:web前端到底是什么?有前途吗第二篇: web前端入坑第二篇:web前端到底怎么学?干货资料!第三篇:web前端入坑第三篇 | 一条"不归路" - 学习路线! 再说这个话题之前,我们先来扫盲普及一下 [jquery] 到底是什么以及它火爆将近十年的重要原因. [ 重新认识 - Jquery

WEB前端学习笔记 四

接上一篇,web学习笔记 四,在此感谢您对此篇笔记的认可,但转发时请注明文章出自网知博学. 2.0  html的语法格式 html的标签要写在尖括号中 :<> 在在英文输入法状态下,按住shift键然后再按它左侧的尖括号就可了, 先学习一个简单的h1标签,是个标题标签,在html中这样写: <h1>我在h1标签中,我就是标题</h1> 那么h1标签中所包裹的文字,就标记成标题了.通过浏览器的解析后在页面上显示出来的效果就是字体加粗,加黑,和word中的标题性质一样! 大

web前端入坑第五篇:秒懂Vuejs、Angular、React原理和前端发展历史

秒懂Vuejs.Angular.React原理和前端发展历史 2017-04-07 小北哥哥 前端你别闹 今天来说说 "前端发展历史和框架" 「前端程序发展的历史」 「 不学自知,不问自晓,古今行事,未之有也 」 我们都知道如今流行的框架:Vue.Js.AngularJs.ReactJs.已经逐渐应用到各个项目和实际应用中,它们都是MVVM数据驱动框架系列的一种. 在了解MVVM之前,我们先回想一下前端发展的历史阶段,做到心中有数,才会更好理解. 这段回想历史.由于网上就可查不少资料,