您应该是一位开始学习HTML超文本标记语言的吧。要学习HTML语言也并不难。
首先,你得认真的了解HTML标签,HTML本身 不是一种编程语言,而是一种标记语言,它有一套成对的标记标签。
HTML是 使用成对的标签来描述网页的,所有的标记描述就形成了一个网页的结构即HTML结构,HTML的结构一般包括<head>标签和<body>标签,<head>和<body>这2个标记符分别表示网页的头部和正文。头部中可包含页面的标题<title>、关键词<meta >、描述说明等内容<keywrod=''>,它本身不作为内容来显示,但影响网页显示的效果。<body></body>当中是网页实际显示的内容,正文标记符又被称为实体标记。
其次,<HTML></HTML>这对标签元素本身在浏览器一打开时就己经告诉了浏览器,出现了一个网页文档了,打个比方相当于民工在打地基时放钢筋和混泥土己经告诉人们这是造一栋房子了。通俗的说HTML标签的出现就是网页,<body>这对标签的出现就是个房屋的主体毛坯房,毛坯房还要用很多的门窗线材等材料来才能可以住进去,所以<body>里面的元素就是这些作用,也是用成对的标签来出现的,只有少数如换行标签</br> 水平标签</hr>等为独立标签。
理解了网页的大体意思后你就要知道,这些都是一些死的东西,可以说死记。因为HTML的网页结构就那么一些标签,多写用不了几天时间你就全记住了,跟默写26个英文字母一样。
<P>用得非常多的段落元素,<div>必用的块级元素,<h1>——<h6>一级标题到六级标题,<ul><ol><li>有序无序列表,<table>表格标签等等还有一大部份。你要多看一页面的HTML文档就知道明白其中的规律了。而定义的css样式,就相当于给房子装修一样的。给你演示一个例子:假如想要写一个页面是文字类似于新闻公告的页面,那么该页面肯定是有个标题<h2>的标签,下面还有日期的<date>下面还有段落标签,我们就得出如下结构:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>测试页面</title>
</head>
<body>
<h2>台媒曝光:蓝营8党部表态支持韩国瑜参选2020</h2>
<p>【环球网综合报道】虽多次表态无意2020年台湾地区领导人选举,但高雄市长韩国瑜被拱选2020的声浪仍未减。今(7)日,有台媒曝出,国民党有8个地方党部公开表态支持韩国瑜,他们认为只有韩国瑜才是2020国民党最强人选。<p>韩国瑜(来源:台湾“中时电子报”)</p>
<p>据台湾“中时电子报”7日报道,岛内政论节目《大政治大爆卦》报道称,征召韩国瑜的民意日益高涨,国民党中央要求基层要公开表态力挺韩国瑜。基隆市国民党部率先开出第一q。台湾《中天新闻》称,国民党已有8个党部表态支持力挺韩国瑜到底。力挺韩国瑜参选的党部分别是:基隆市、台北市、台中市、高雄市、台南市、桃园市、花莲县和马祖。</p>
<p>报道称,基隆市国民党部主委黄希贤表示,“基层声音支持最大是韩国瑜先生”;台北市党部主委黄绵茹表态支持征召韩国瑜台中市党部主委颜文正直言,只有韩国瑜能百分百胜选高雄市党部主委庄启旺表示,基层拱韩热情,力挺国民党中央征召韩台南市党部主委谢龙介也表态挺韩,但期望联署背书。</p><p>距离初选越来越近,国民党挺韩声浪越来越大。然而,据台湾《联合报》7日报道,韩国瑜今日中午由台中市长卢秀燕陪同参观台中世界花卉博览会,会后受访时,他一如既往表示,2020年选举一直不在考虑内。</p>
</body>
</body>
</html>
<table border="1" bordercolor="black" table align ="center" cellpadding="0" cellspacing="0" width="300"><tr>
<td>1</td>
<td rowspan="2">2</td>
<td>
<table border="1" width="80%" align="center" bgcolor="blue">
<tr>
<td>a</td>
<td rowspan="2">b</td>
<td>c</td>
</tr>
<tr>
<td>d</td>
<td>f</td>
</tr>
<tr>
<td>g</td>
<td>h</td>
<td>i</td>
</tr>
</table></td>
</tr>
<tr>
<td>
<table border="1" width="80%" align="center" bgcolor="green">
<tr>
<td>a</td>
<td colspan="2">b</td>
</tr>
<tr>
<td>d</td>
<td>e</td>
<td>f</td>
</tr>
<tr>
<td>g</td>
<td>h</td>
<td>i</td>
</tr>
</table>
</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
</table>
宽度是150 可是太小了跟图示不一样 我改了300 因为手打的 具体多少颜色我也不知道 我用green跟blue
如果你一定要用table去实现,就是大量的table标签嵌套table,然后不断的嵌套,针对每个单元格、标签进行控制然后提一句,从2007年开始,整个前端开发(HTML5开发)、网页制作的制作规范,行业当中就是使用HTML+CSS的模式进行(也称为DIV+CSS),其原因在于table的语义性、可维护性都比较差,从语义的角度来说,table是表格,也就是呈现数据的数据表,并非网页布局的东西。
对于很多学校、大学的官网,由于是2005年左右的一系列产品,所以,会采用table的布局方式。如果你是在制作学校的某一个网页,在维护学校,那你没的选择,只能按我第一段说的那么去 *** 作,虽然麻烦~如果你是在自学HTML和CSS,在拿学校的页面做练习,那么一定以“行业规范”为准,选择好的合适的书籍辅助学习。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)