search

codingeverybody / codingyahac

https://coding.yah.ac
292 stars 50 forks source link

u태그 제거 #420

Open sinalook opened 6 years ago

sinalook commented 6 years ago

해결하고자 하는 문제

u태그 없애고 싶은데 없애면.. 아예 리스트가 없어져버려요 ㅠㅠ

코드 혹은 오류

 <!doctype html>
<html>
<head>
  <title>sina's book pics</title>
  <meta charset="utf-8">
</head>
<body>
  <ul>
    <li><a href="1.html"<u>Home</u></a></li>
    <li><a href="2.html"<u>About</u></a></li>
    <li><a href="3.html"<u>Share</u></a></li>
  </ul>
  <h1>sina's book pics</h1> <p>쌓아두면 쌓아둘수록 죄책감이 생기는 요상한 물건</p><p>그래도 가끔 외로움에 콧물이 날 때, 콧물마저 겸허히 받아들여주는 고마운 존재</p><p> 꽤 잃어버린 것 같은 통찰력을 안겨주는 귀한 너</p>
  <img src="the4hourworkweek.jpg" width="550"><br>
  <h3>사이드프로젝트</h3>
  <ul>
    <li><a href="https://indiemakers.net/" target="_blank" title="indie makers">indie makers</a></li>
  </ul>
</body>
</html>

환경

사용중인 운영체제, 언어, 라이브러리의 버전을 적어주세요.

시도해본 방법

u태그 부분 다시 영상 복습햇는데,,

ghost commented 6 years ago

간단합니다. u 태그를 제거했더니 리스트가 없어져버리는 게 아니라, li 태그 안에 들어있는 a 태그의 꼴이 약간 이상해서 그런 거에요 ^^;

sinalook님이 올린 코드의 li 태그의 내부를 보면 <a href="1.html"<u>Home</u></a> 이렇게 a 태그의 닫는 태그는 꺽쇠로 제대로 여닫혀있는데, 여는 태그엔 닫는 꺽쇠가 빠져있죠? 그 부분을 <a href="1.html"><u>Home</u></a> 이렇게 보충 해 주면, u 태그를 빼도 의도대로 실행 된답니다.