해당 섹션의 강좌：웹 프론트엔드 기초 (html, css를 배우면 무엇을 할 수 있나요?)
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>网页头部</title> </head> <body> </body> </html>
2019-01-100个赞
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>网页头部</title> </head> <body> <div style="background: red; height: 300px; width: 400px;">php中文网</div> <p style="background: blue;">欢迎你</p> <span style="background: green;">我是拾柒</span> <b>我是拾柒</b> <img src="images/ScreenShot00001.jpg" style="height: 300px; width: 400px;"> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>网页头部</title> </head> <body> <div style="background: red; height: 300px; width: 400px;">php中文网</div> <p style="background: blue;">欢迎你</p> <span style="background: green;">我是拾柒</span> <b>我是拾柒</b> <img src="images/ScreenShot00001.jpg" style="height: 300px; width: 400px;"> </body> </html>
2019-01-100个赞
해당 섹션의 강좌：HTML의 공통 태그 및 속성(문서 헤드)
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HTML中的常用标签及属性（文档头部 head）</title> <link rel="shortcut icon" href="images/icon.jpg"> <link rel="stylesheet" type="text/css" href="css/index.css"> </head> <body> <img src="images/p1.jpg"> </body> </html> img{height: 46.9px; width: 78.1px;}
2019-01-110个赞
해당 섹션의 강좌：HTML의 공통 태그 및 속성(하이퍼링크)
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HTML中的常用标签及属性（超链接）</title> <link rel="shortcut icon" href="images/icon.jpg"> <style type="text/css"> a{text-decoration: none; color: black;} a:hover{text-decoration: underline; color: red;} div{height: 1000px; width: 400px; background: pink;} </style> </head> <body> <a href="#">超链接</a><br> <a href="https://www.baidu.com">百度</a><br> <a href="http://www.php.cn">php中文网</a> <a href="#"><img src="images/p1.jpg" style="height: 200px; width: 200px;"></a><br> <a name="top">页面顶部</a> <a href="#bottom">回到底部</a> <div></div> <a name="bottom">页面底部</a> <a href="#top">回到顶部</a> </body> </html>
2019-01-130个赞
해당 섹션의 강좌：HTML의 공통 태그 및 속성(목록)
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HTML中的常用标签及属性（列表）</title> <link rel="shortcut icon" href="images/icon.jpg"> <style type="text/css"> ul li{list-style: none; height: 40px; width: 200px; border: 1px solid red; margin: 5px 0px; text-align: center; line-height: 40px;} ul li:before{/*list-style: url(images/icon2.jpg);*/content: url(images/icon2.jpg);} ul li:after{content: url(images/icon2.jpg);} </style> </head> <body> <ol> <li>有序列表1</li> <li>有序列表2</li> <li>有序列表3</li> </ol> <ul> <li>无序列表1 <ul> <li>无序列表1.1</li> <li>无序列表1.2</li> </ul></li> <li>无序列表2</li> <li>无序列表3</li> <li>无序列表4</li> <li>无序列表5</li> </ul> </body> </html>
2019-01-130个赞
