按照效果图,默写HTML代码

按照效果图,默写HTML代码,第1张

上面的代码没有完全做出效果,可以看一下我的改进版!<center>

<h1>个人资料表</h1>

<table width="498" height="355" border="1">

<tr>

<td width="117"><div align="center">姓名</div></td>

<td width="101"><div align="center"></div></td>

<td width="86"><div align="center">性别</div></td>

<td width="166"><div align="center"></div></td>

</tr>

<tr>

<td><div align="center">编号</div></td>

<td><div align="center"></div></td>

<td><div align="center">出生日期</div></td>

<td><div align="center"></div></td>

</tr>

<tr>

<td><div align="center">兼职</div></td>

<td><div align="center"></div></td>

<td><div align="center">专业</div></td>

<td><div align="center"></div></td>

</tr>

<tr>

<td colspan="2"><div align="center">手机号码</div></td>

<td><div align="center"></div></td>

<td><div align="center"></div></td>

</tr>

<tr>

<td colspan="2"><div align="center">电子邮件</div></td>

<td><div align="center"></div></td>

<td><div align="center"></div></td>

</tr>

<tr>

<td colspan="2"><div align="center">详细地址</div></td>

<td><div align="center"></div></td>

<td><div align="center"></div></td>

</tr>

</table>

</center>

搞定,样式自己添加啊!

您应该是一位开始学习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>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/8319717.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存