html基础语句（HTML/css 的语句，求解释：“div#maincontent button“ ）

本文目录

• HTML/css 的语句，求解释：“div#maincontent button“
• HTML代码如何去阅读
• HTML语言的基本结构元素有几个，分别是什么什么作用
• html通过循环语句输出年份和月份，如下图所示
• HTML基本框架怎么写
• html如何使用if语句

HTML/css 的语句，求解释：“div#maincontent button“

div#maincontent button的意思就是什么？
意思就是：一个（id号）名叫maincontent的div下button（按钮）标签，我要为它设置样式，你写的是给里面的该div下按钮设置12号字体的样式。
进一步解释：
div#maincontent button
可以直接写成下面 他们相等：
#maincontent button
但是为什么那样写，因为权限问题，更比较针对性，我就是针对这个id号为maincontent的div，而且不是针对别的标签写的，比如别的标签span#maincontent或者p#maincontent。
根据以上说明那么看这段代码就很简单了：
div#maincontent button, div#maincontent input, div#maincontent select, div#maincontent textarea
{
font-size:12px;
}
解释如下：
div#maincontent button 设置id号为maincontent的div下的button按钮文字大小
div#maincontent input 设置id号为maincontent的div下的input文字大小
div#maincontent select 设置id号为maincontent的div下的select文本大小
div#maincontent textarea 设置id号为maincontent的div下的多行文本大小
以上都是都是文字大小为12像素的样式。
注意：
逗号表示我同时设置多个标签；
如不够清楚，方可以继续追加。

HTML代码如何去阅读

一个 Web 页实际上对应一个 HTML 文件，通常以 .htm 或 .html 为扩展名。任何 HTML 文档都包含的基本标记符包括：HTML 标记 《HTML》 和 《/HTML》、首部标记 《HEAD》 和 《/HEAD》 以及正文标记 《BODY》 和 《/BODY》。
HTML标记
《HTML》 和 《/HTML》 是 Web 页的第一个和最后一个标记符，Web 页的其他所有内容都位于这两个标记符之间。这两个标记告诉浏览器或其他浏览器或其他阅读该页的程序，此文件是一个 Web 页。虽然 HTML 标记符的开始标记符和结束标记符都可以省略(因为.htm 或 .html 扩展名已经告诉浏览器该文档为 HTML 文档)，但为了保持完整的网页结构，建议包含该标记。另外，HTML 标记符通常不包含任何属性。
说明：在 HTML 文档中，某些标记符的开始标记符和结束标记符都可以省略，某些标记符的结束标记符可以省略，而有些标记符则既不能省略开始标记符也不能省略结束标记符。
首部标记
首部标记 《HEAD》 和 《/HEAD》 位于 Web 页的开头，其中不包括 Web 页的任何实际内容，而是提供一些与 Web 页有关的特定信息。例如，可以在首部标记中设置网页的标题、定义样式表、插入脚本等。
首部标记中的内容也用相应的标记符括起来。样式表 (CSS) 定义位于 《STYLE》 和 《/STYLE》 之间；脚本定义位于 《SCRIPT》 和 《/SCRIPT》 之间。
TITLE 标记符
在首部标记符中，最基本、最常用的标记符是标题标记符《TITLE》和《/TITLE》，用于定义网页的标题。网页标题可被浏览器用作书签和收藏清单。当网页在浏览器中显示时，网页标题将在浏览器窗口的标题栏中显示。
META 标记符
在首部标记符中另外一个比较常用的标记符是 META，它用于说明与 Web 页有关的信息，例如可以说明文件创作工具、文件作者等信息。
***隐藏网址***
例如：
***隐藏网址***
设置客户端行内程序的语言是 JavaScript；
***隐藏网址***
设置行内样式的样式语言为 CSS。
META 标记符的一个常用功能是设置自动转址功能，即使浏览器自动从一个地址跳转到另一个地址，例：
***隐藏网址***
在这个例子中，完成当前文档加载30秒后将自动加载另一个文档(即 "URL=#" 后指定的 HTML 文档)。要实现以上效果，必须使 "URL=#" 后指定的 HTML 文档存在。
BGSOUND 标记符
BGSOUND 标记符只有开始标记符，没有结束标记符。它的基本属性是 src，用于指定背景音乐的源文件。另外一个常用属性是 loop，用于指定背景音乐重复的次数，如不指定该属性，则背景音乐无限循环。
正文标记
正文标记符 《BODY》 和 《/BODY》 包含 Web 页的具体内容，包括文字、图形、超链接以及其他各种 HTML 对象。
设置页面属性
正文标记符包括一些常用属性，可以用于设置网页背景颜色和图案，以及设置文档中文字和超链接的颜色。
设置页面背景色
在 《BODY》 标记符中使用 bgcolor 属性可以为网页设置背景颜色。例：
《BODY bgcolor="black"》
设置页面背景图像
网页设计者可选择特定图案作为页面的背景－－使用 BODY 标记符的 background 属性即可。HTML 语句为：
《BODY background="网页背景图案的地址"》。
设置北景图像水印效果
如果使用以下代码，则背景图案将具有水印效果：
《BODY background="background.jpg" bgproperties="fixed"》
设置文字和超链接的颜色
设置正文和超链接颜色时，可以使用 BODY 标记符的text、link、vlink和alink属性。其中 text 属性用于设置正文的颜色；link属性用于设置未被访问的超链接的颜色；vlink用于设置已被访问过的超链接的颜色；alink用于设置活动链接(即当前选定的超大型链接)的颜色。例：
《BODY bgcolor="000000" text="#FFFFFF" link="#999999" vlink="#cccccc" alink="#666666"》
不设置的话，白色默认bgcolor，黑色默认text，蓝色默认link，紫色默认vlink，红色默认alink。
添加注释
HTML 的注释由开始标记符《!-- 结束标记符 --》构成。这两个标记符之间的任何内容都将被浏览器解释为注释，而不在浏览器中显示。
显示特殊字符
如果用户需要在网页上显示某些特殊字符，例如：《、》等与HTML语法冲突的符号，则需使用参考字符来表示，而不能直接输入。
参考字符以“&”号开始，以“;”结束，既可以使用数字代码，也可以使用代码名称。最常见的参考字符为：《 表示为《，》 表示为》，&表示为&，空格表示为 ，有关参考字符看参考。

HTML语言的基本结构元素有几个，分别是什么什么作用

【(一)HTML语言的基本结构元素有几个，分别是什么？什么作用？】
《html》
《head》
《title》标题《/title》
《/head》
《body》
正文部分
《/body》
《/html》
这个例子包含了html中最基本的元素，首先是《html》《/html》这一组标记符，然后在它里面是标记符的元素体。html元素的元素体由两大部分组成，头元素《head》《/head》,体元素《body》《/body》另外还有一些注释。这样就可以形成一个个我们看到的美伦美奂的网页。
1、“文件头”标记符()
文件头标记符也就是通常见到的标记符，标记符在网页中是看不到的，因为它包含在HTML语言的“《head》…《/head》”标记符之间，而通常我们所见到的网页内容只有在“《body》…《/body》”之间的才可以在文档中显示出来.
2、“文件标题”（Title）
Title元素是文件头里唯一一个必须出现的元素，它也只能出现在文件头里.它的格式如下：
《title》标题《/title》
标题表示该HTML文件的名称，是对文件的概述。标题对于一个文件来说是非常重要的，我们可以从一个好的标题中判断出该文件大概的内容。不过文件的标题一般不会显示在文本窗口中，而以窗口的名称显示出来。
3.“文件体”标记符（body）
文件体标记符由《body》开始.《/body》结束，它的中间是网页文档的正文部分。我们在网页中进行的背景颜色的设定，或是图片的设定或是连结字体的颜色,都要放在《body》这个标记符里。
4.“标题”标记符（hn）
标题标记符用于显示HTML文件的各级标题，格式如下：
《hn》标题内容《/hn》
其中n为1－6的数字，数字越大，字越小。也就是说（h1）最大，（h6）最小，希望大家记住这一点。标题内容用黑体字显示，各行之间自动换行。
在我们制作网页时，《h4》一般作文本正文，而h6字体由于太小，一般用得很少。
5、字体和段落标记符
（1）网页中字体大小设定标识符
下面我们来看一看它的有关设置方法。它的语法是：《font size=3》文字内容《/font》。它的大小一共有七种，也就是《font size=1》（最小）到《font size=7》（最大），另外，还有一种写法：《font size=+1》文字内容《/font》，其意思就是说：比预设字大一级。当然也可以 font size=+2（比预设字大二级），或是 font size=-1（比预设字小一级），以一般而言，预设字体多为3。
（2）文字的字型设定标记符
我们在这里说的字型设定主要是指文字的字型，比如说宋体，楷体等。它们在网上用得也十分广泛。唯一的一个限制是：对方也要有该字型！否则看到的仍然还是宋体。另外要说明的是，这个标记符无法保证在每个浏览器上都能正常的显现，不过这并没有关系，看不到特殊的字型时，浏览器仍会以宋体来显示，所以不用怕会一团乱！
（3）分段标记符
由于在HTML里它的浏览器是基于窗口的，因此用户可以随时改变显示区的大小。不过由于HTML语言是不认识我们所谓的Enter键或空白键，所以不管按了多少次的空白或Enter，浏览器都会当作没看见。因此我们在HTML里的分段依赖于强制断行标记符《br》和强制分段标记符《p》。
6、图像标记符
在HTML里，一般用《img src=“”width=“”height=“” align=“”》来表示我们插入的图像。在这里，img表示图像的标记符，而属性src后面的引号中表示图像路径及文件名，width后面填写的是图像的宽度,height后面填写的是图像的高度,align为图像的对齐方式.一般我们使用的图像格式有2种，gif和jpeg.二者的加载方法一样。在使用图像标记符时有两件事值得我们注意一下，一是文件名，二是路径。如果文件名和路径不正确的话在网页中的图像是无法显示的。
7、表格标记符
在HTML里，一个表格由《table》开始，由《/table》结束，在表格里的属性由《tr》表示表格的行，《th》表示表格的列数和相应栏目的名称，《td》表示单元格组成。此外我们还可以设置表格的表宽“width=#”和表高“height=#”，#表示是以象素为单位的整数。边框宽度“border＝＃”，#为宽度值，单位是象素。表格间距即划分表格的线的粗细用“cellspacing=#”来表示.以及表格颜色用“bgcolor=#”来表示,#是十六进制的6位数，格式为rrggbb,表示红，绿，蓝三色的分量。表格的合并在《td》中使用rowspan或colspan。
8、框架标记符
使用框架可以将浏览器分成多个区域，每个区域都是相对独立的，可以显示HTML文件
9、层标记符
所谓层,也就是网页内容的容器.只有在Dreamweaver里才有层。层分为两种类型：CSS和Netscape层。前者在HTML文件中的层标记符使用Div和Span，被浏览器Internet explore4.0和Netscape4.0支持。后者使用Layer和Ilayer，被Netscape4.0支持。Dreamweaver 8对以上4种层都支持。
层的基本语句如下：
《div id="Layer1" style="position:absolute; left:141px; top:58px; width:210px; height:137px; z-index:1"》《/div》
在这里，id表示层的编号，style表示层的方式，left表示层左边界距离浏览器窗口左边界的距离，top表示层上边界距离浏览器窗口上边界的距离，width表示层的宽度，height表示层的高度，z-index表示在垂直平面的方向上层的顺序号。
【（二）用HTML语言编写个三行两列的表格。】
《table width="200" border="0" cellspacing="0" cellpadding="0"》
《tr》
《td》 《/td》
《td》 《/td》
《/tr》
《tr》
《td》 《/td》
《td》 《/td》
《/tr》
《tr》
《td》 《/td》
《td》 《/td》
《/tr》
《/table》
【（三）HTMl语言的常用元素有什么？举至少5个例子。】
《a href=...》~〈/a》:插入超链接
《form action=...》~《/form》：提交表单
《link href=...插入相关的CSS文件》
《style》~《/style》：插入相应的图标，比如鼠标样子图标
《table》~《table》:插入显示HTML的一个表格，需要class和id的属性
《div》~《/div》:定义显示文本的位置，需要class和id的属性
《font》~《/font》：文字颜色和大小布局
《p》~《/p》：文字段
《input /》：输入表格属性，一般分为name和password两种。

html通过循环语句输出年份和月份，如下图所示

《!DOCTYPE html》
《html lang="en"》
《head》
    《meta charset="UTF-8"》
    《title》Title《/title》
《/head》
《body》
 《!-- 给两个Select标签一个id方便Javascript定位 --》
《label for="yselect"》年份：《/label》
《select id="yselect"》
    《option value=""》《/option》
《/select》
《label for="mselect"》月份：《/label》
《select id="mselect"》
    《option value=""》《/option》
《/select》
《script》
 let YearSelect = document.querySelector(’#yselect’);
 //定位年份
 for (let i = 2018; i 》 1918; i--) {//从2018一直输出到1919
 let tmpElement = document.createElement(’option’);
 //创建一个选项元素
 tmpElement.value = i;
 //赋值（Post等表单操作输送的赋值）
 tmpElement.id = "yoption" + i;
 //给id方便以后操作
 tmpElement.innerText = i;
 //填上内容方便用户选择
 YearSelect.appendChild(tmpElement);
 //将元素扔到年份选择标签的最下面的元素，保证是第一个是2018最后一个是1919
 }
 let MonthSelect=  document.querySelector(’#mselect’);
 for (let i = 12; i 》 0; i--) {
 let tmpElement = document.createElement(’option’);
 tmpElement.value = i;
 tmpElement.id = "moption" + i;
 tmpElement.innerText = i;
 MonthSelect.appendChild(tmpElement);
 }
 //同理
《/script》
《/body》
《/html》

HTML基本框架怎么写

框架可以生成独立变化和滚动的窗口，从而能将一个窗口分割为若干个字窗口。在每一个字窗口中显示一个HTML文档。我们这回就来看看多文档的基本结构和子窗口之间的交叉链接。
一，基本结构HTML使用《Frameset》,《Frame》和《noFrames》标签来定义框架。下面我们就来了解一下这三个标签的作用和相应的属性。
（一），《Frameset》标签。
该标签是框架设计标签，成对使用。首尾标签之间的内容就是使用到框架的HTML主体部分。在使用框架的HTML文档中不能出现《body》标签，否则会导致浏览器忽略所有的框定义而只显示《body》和《/body》之间的内容。
《Frameset》标签作用是将窗口分割为若干个自窗口，子窗口的数目取决于嵌套在该标签中《Frame》标签的书目。《Frameset》标签有两个属性。rows和cols，分别用来确定个子窗口的高度和宽度，格式为《Frameset rows="值1,值2,……值n"》;《Framest cols="值1,值2,……值n"》.各参数之间以逗号分割，依次表示各个自窗口的高度（宽度）。这两个属性的参数值可以是数字、百分数或符号“*”。下面我们来分别解释一下：
（1）数字。表示子窗口高度（宽度）所占的像素点数。
（2）百分数。表示子窗口高度（宽度）占整个浏览器窗口高度（宽度）的百分比。 （3）符号“*”。当符号*只出现一次。即其他子窗口的大小都有明确的定义时，表示该子窗口的大小将根据浏览器窗口的大小而自动调整。当符号*出现一次以上时，表示按比例分割浏览器窗口的剩余空间。例如：
《Frameset cols="40%,2*,*"》表示将浏览器窗口分割为3列，第一个子窗口在第一列，窗口宽度为整个浏览器窗口宽度的40%；第二个子窗口在第二列，占浏览器窗口剩余空间的2/3，即其宽度为整个浏览器窗口宽度的40%，第三个子窗口占剩余空间的1/3，宽度为整个浏览浏览器窗口宽度的20%。
（二），《frame》标签。HTML用《frame》标签来标识子窗口。《frame》标签是嵌套在框架设置标签《Frameset》标签中来使用的单独标签。在《Frameset》中定义了多少个子窗口就要有多少个《frame》标签与之匹配，依次定义各个窗口的性质。《frame》标签有7个属性，除SRC属性是不可缺省的外，其他属性都是可选的。
（1）SRC属性。用以定义子窗口的名称。
（2）.name属性。用于定义子窗口的名称。
（3）frameboder属性。该属性的参数值为1或0。当参数值为1时，表示该子窗口有边框，为0时没有边框。该属性缺省值为1。
（4）bordercolor属性。用以规定子窗口的边框颜色。如果在一个以上的《frame》标签中定义了子窗口的边框颜色，则以第一次指定的颜色为标准。在指定边框颜色时，可以使用颜色的RBG代码或直接使用与该颜色想对应的英文单词。bordercolor属性的参数值可以是16种颜色中的任意一种。
（5）sclling属性。属性的参数值为yes,no或auto之一。参数值为yes时表示该子窗口始终有滚动条。为no时是始终没有滚动条。为auto时表示当文档的内容超出窗口范围时，浏览器自动为该子窗口添加滚动条。scolling属性的缺省值为auto.
（6）maginwidth和marginwidht属性。这两个属性是用来指定显示内容与窗口边界之间的空白距离大小的。其中maginwidth属性用于确定显示内容与左右边界之间的距离；maginwidht用来确定显示内容与上下边界之间的距离。这两个属性的参数值都是数字。分别表示左右边距所占的像素点数。
（三），《noframes》标签。使用该标签可以在用户浏览器不支持框架显示时告之用户一些相关信息，以免浏览者对空白窗口画面感觉莫名其妙。《noframes》标签是成对使用的。首尾标签之间的内容就上告之浏览者的信息。如“如您看到空白的画面说明您的浏览不支持框架显示”。虽然常用的两中浏览器IE和NC都是支持框架显示的。但为了加强文档的适用性，我们最好还是养成使用这个标签的习惯。
（四），基本结构。
我们举例说明HTML中框架文档的基本结构：
《html》
《head》
《title》文档标题《/title》
《/head》
《Frameset Cols="值1,值2,……,值n》将浏览器窗口分割为n个窗口。
《Frame SRC="1.html"》
《frame SRC="2.html"》
.
.
.
《frame SRC="n.html"》
《/Frameset》
《noframes》如果您看到空白的画面，说明您的浏览器是不支持框架机构的《/noframes》
《/html》
其中，《frameset》标签是可以嵌套使用的，也就是说，可以将其中某一个或几个子窗口划分为若干个更小的窗口。例如：
《html》
《Frameset cols="30%,90,*"》
《frame SRC="1.html"name=cont》
《frame SRC="caipage.gif"》
《frame SRC="2.html"》
《/frameset》
《frame SRC="f2.html"name=another marginheight=120》
《/frameset》
《noframes》您使用的浏览器不支持框架《/noframes》
《/html》
二，目标窗口的交叉链接。
为了方便用户进行搜索和浏览，我们经常用到一系列锚标组成的索引目录显示在一个子窗口中，而将锚标所指向的内容放在另一个子窗口中。显示锚标的子窗口通常被成为”源窗口“，显示目标文档的窗口则称之为“目标窗口”。
在进行交叉《frame》标签的name属性定义目标窗口的名称，然后再修改显示在源窗口中的文档。在所有的《A》标签中添加语句target="目标窗口名称"来指定目标文档的显示位置。例如：/P》连接时，我们必须先用
《html》
《head》
《title》目标窗口测试页《/title》
《/head》
《frameset cols="30%,90,*"》
《frame src=’f1.html"marginheight=60》
《frameset rows="120,*"》
《frame src="caipage.gif"》
《frame src="2.html"》
《/frameset》
《frame src="f2.html"name=another marginheight=60》
《/frameset》
《noframes》您的浏览器不支持框架结构《/noframes》
其中，第一个子窗口是源窗口。我们在源窗口的对应文档f1.html中定义了一系列锚标，该文档的内容如下：
《html》
《body》
《《center》（说明：文档主体内容举重显示
《P》《A href="田园风光.jpg" target="another"》田园风光《/A》《P》
《A href="qiu.jpg" target="another"》金色秋天《/A》《P》
《A href="tong.html" target="another"》渔哥唱晚《/A》《P》
《A href="pig.gif" target="another"》夕阳无限《/A》《P》
《/body》
《/html》
当用户点击锚标“田园风光”后，浏览器将在目标文档显示锚标的连接对象

html如何使用if语句

1、通常html代码中使用if语句是引用js代码来使用。比如：
《script》
var x=1;//给x赋值
if (x==1){alert(’x等于1’);}
《/script》
2、HTML还有一种if判断语句来判断浏览器的类型和版本。
比如;《!----》 语法结构包含起来，代表如果浏览器是 IE 并且版本号低于或等于 6.0 则进行提示。
类似的语法还有：
《!--》
这样使用IE浏览器（全部版本）的人都看得到。
《!--》
《!--》
这样IE 8.0以下版本会看得到，包含8.0。
《!--》