HTML-标签与表格 、框架_html/css_WEB-ITnose
Jun 24, 2016 am 11:32 AM
1、标签
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>标签练习</title></head><body background="未标题-1.jpg" style="background-repeat:repeat-x" bgcolor="#999999" text="#0000FF" rightmargin="100" topmargin="70"><a name="name"><strong>（锚点设置）</strong>让下面所有文字的size都为5<font size="5"><br /><b>字体加粗方式1b标签</b><br /><strong>字体加粗方式2strong标签</strong><br /><i>字体倾斜方式1i标签</i><br /><em>字体倾斜方式2em标签</em><br /><u>字体加下划线u标签</u><br /><center>居中显示center标签</center><p>分段</p><p>显示p标签</p>空 格是NBspace<br />回车是br标签<br>或br斜杠标签<br /><img src="/static/imghw/default1.png" data-src="../aaa/0019.jpg" class="lazy" style="max-width:90%" title="这是一张头像" alt="这是一张qq头像" /><strong>（图片层标签）</strong><div title="司令部">中国人民解放军总参谋部</div><strong>（层标签）</strong><span title="肯德基标语" style=" border-bottom-style:double">成功者总是不约而同的配合时代的需要，</span><ol>有序列表ol标签<li>每一行都是li标签</li><li>这是第二行</li><li>第三行</li><li>第四行，自带序号</li></ol><ul>无序列表ul标签<li>每一行都是li标签</li><li>这是第二行</li><li>第三行</li><li>第四行，不带序号</li></ul><h1 id="h-h-标签">h1-h6标签</h1><h2 id="表示重要性依次递减">表示重要性依次递减</h2><h3 id="自带换行功能-大小不受外界font的影响">自带换行功能，大小不受外界font的影响</h3><a href="http://www.baidu.com/">标签，超链接</a><a href="#name"><strong>（锚点设置）</strong>返回最顶</a></font></body></html>
로그인 후 복사
2、表格
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><body><table width="100%" border="0" cellspacing="0" cellpadding="0"><font face="楷体"> <tr align="center"> <td><a target="_top"<strong>（在框架中让整个frameset页面跳转至某个页面）</strong> style="text-decoration:none" href="http://www.autohome.com.cn/?pvareaid=100519" target="_blank" ><font color="#000000" >汽车之家</font></a></td> <td>易车网</td> <td>太平洋汽车</td> <td>安居客</td> <td>折800</td> <td><font color="#00CC00">苏宁易购</font></td> </tr> <tr align="center"> <td>美拍</td> <td>人民•新华</td> <td>赶集网</td> <td>当当网</td> <!-- 图片热点 --> <td><img src="/static/imghw/default1.png" data-src="RHXT{2I~~KPN`I12SZN49OF.png" class="lazy" title="这是图片" usemap="#fedian" name="name1" alt="HTML-标签与表格 、框架_html/css_WEB-ITnose" ><map name="fedian"><area shape="rect" coords="0,0,10,10"<strong>（大小不能超过图片的大小）</strong> href="http://www.tuniu.com/?p=14201&cmpid=mkt_03026001&utm_campaign=daohang&utm_source=hao.360.cn&utm_medium=display"></map>途牛旅游网</td> <td>1号店</td> </tr> <tr align="center"> <td>珍爱婚恋网</td> <td>梦芭莎</td> <td>亚马逊</td> <td>艺龙网</td> <td>去哪网</td> <td>美丽说</td> </tr> <tr align="center"> <td>美团网</td> <td>乐视视频</td> <td>唯品会</td> <td><font color="#FFFF00">聚美优品</font></td> <td>搜房网</td> <td>蘑菇街</td> </tr> <tr align="center"> <td>猎聘网</td> <td>1药网</td> <td>陆金所理财</td> <td>六间房</td> <td>携程机票</td> <td>优酷网</td> </tr> </font> <!--网页嵌套 --></table><table width="200" border="1"><tr><td><iframe src="http://www.baidu.com" width="150" style="max-width:90%" frameborder="0" scrolling="auto"></iframe></td></tr></table></body></html>로그인 후 복사
3、框架
1、frameset<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><frameset rows="100,*" cols="200,*" framborder="1"><frame src="Untitled-1.html" noresize="noresize" scrolling="auto"><frame src="Untitled-2.html" noresize="noresize" scrolling="auto"><frame name="你好"src="http://www.baidu.com" noresize="noresize" scrolling="auto" ><frame src="http://www.qq.com" noresize="noresize" scrolling="auto" ></frameset><noframes></noframes></html>2、iframe<table width="200" border="1"><tr><td><iframe src="http://www.baidu.com" width="150" height="150" frameborder="0" scrolling="auto"></iframe></td></tr></table>
로그인 후 복사
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 기사
Repo : 팀원을 부활시키는 방법
3 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌
스플릿 소설을이기는 데 얼마나 걸립니까?
3 몇 주 전
By DDD
R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
1 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌
헬로 키티 아일랜드 어드벤처 : 거대한 씨앗을 얻는 방법
3 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌
인기 기사
Repo : 팀원을 부활시키는 방법
3 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌
스플릿 소설을이기는 데 얼마나 걸립니까?
3 몇 주 전
By DDD
R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
1 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌
헬로 키티 아일랜드 어드벤처 : 거대한 씨앗을 얻는 방법
3 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌
뜨거운 기사 태그
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
뜨거운 주제
Gmail 이메일의 로그인 입구는 어디에 있나요?
7292
9
7292
9
자바 튜토리얼
1622
14
1622
14
Cakephp 튜토리얼
1342
46
1342
46
라라벨 튜토리얼
1259
25
1259
25
PHP 튜토리얼
1206
29
1206
29
공식 계정 웹 페이지의 캐싱 업데이트에 어려움 : 버전 업데이트 후 사용자 경험에 영향을 미치는 이전 캐시를 피하는 방법은 무엇입니까?
Mar 04, 2025 pm 12:32 PM
공식 계정 웹 페이지의 캐싱 업데이트에 어려움 : 버전 업데이트 후 사용자 경험에 영향을 미치는 이전 캐시를 피하는 방법은 무엇입니까?
HTML5 양식 유효성 검사 속성을 사용하여 사용자 입력을 유효성있게하려면 어떻게합니까?
Mar 17, 2025 pm 12:27 PM
HTML5 양식 유효성 검사 속성을 사용하여 사용자 입력을 유효성있게하려면 어떻게합니까?
& lt; iframe & gt; 꼬리표? 보안을 사용할 때 보안 고려 사항은 무엇입니까?
Mar 20, 2025 pm 06:05 PM
& lt; iframe & gt; 꼬리표? 보안을 사용할 때 보안 고려 사항은 무엇입니까?
웹 페이지의 PNG 이미지에 뇌졸중 효과를 효율적으로 추가하는 방법은 무엇입니까?
Mar 04, 2025 pm 02:39 PM
웹 페이지의 PNG 이미지에 뇌졸중 효과를 효율적으로 추가하는 방법은 무엇입니까?
HTML5의 크로스 브라우저 호환성에 대한 모범 사례는 무엇입니까?
Mar 17, 2025 pm 12:20 PM
HTML5의 크로스 브라우저 호환성에 대한 모범 사례는 무엇입니까?
