ul은 점
ol은 숫자가 생긴다.
<ul>
<li>항목1</li>
<li>항목2</li>
</ul>
<ol>
<li>ordered number? 라고</li>
<li>자동으로 숫자를 써준다</li>
<li>이렇게</li>
</ol>
|
 |
위에꺼가 ul, 아래꺼가 ol
| HTML 태그에 커스텀 데이터 속성 추가하기 (0) | 2021.06.11 |
|---|---|
| a태그 파일경로 (0) | 2021.03.13 |
| html명령어, 태그 (0) | 2020.11.22 |
| 11/17 수업내용 (0) | 2020.11.17 |
| 이클립스 서블릿 순서 (0) | 2020.11.17 |
표에서 데이터를 뽑아오는데 보통 class, id, name을 사용한다
근데 이거외에 또 데이터를 구분할수 있는 기준을 만들 수 있다.
태그에 data-~ 이렇게 하면된다.
data-stat, data-type, data-revel 등등 뒷부분은 내가 원하는 단어를 사용해서 만들 수 있다.
https://developer.mozilla.org/ko/docs/Learn/HTML/Howto/Use_data_attributes
데이터 속성 사용하기 - Web 개발 학습하기 | MDN
HTML5 특정 요소와 연관되어 있지만 확정된 의미는 갖지 않는 데이터에 대한 확장 가능성을 염두에 두고 디자인되었습니다. data-* 속성은 표준이 아닌 속성이나 추가적인 DOM 속성, Node.setUserData
developer.mozilla.org
| ul, ol 차이 (0) | 2022.01.31 |
|---|---|
| a태그 파일경로 (0) | 2021.03.13 |
| html명령어, 태그 (0) | 2020.11.22 |
| 11/17 수업내용 (0) | 2020.11.17 |
| 이클립스 서블릿 순서 (0) | 2020.11.17 |
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h2>절대경로</h2>
<ul>
<li><a href="http://www.naver.com" target="_blank">naver</a></li>
<li><a href="http://www.daum.net" target="_blank">daum</a></li>
<li><a href="http://www.google.com" target="_blank">google</a></li>
</ul>
</body>
</html>target="-blank" 때문에 새로운 창으로 링크가 연결된다.
파일 경로....?
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h2>메인메뉴</h2>
<ul>
<li><a href="about.html">같은폴더에 위치한 파일</a></li>
<li><a href="folder1/test1.html">다른폴더에 위치한 파일</a></li>
<li><a href="folder1/folder2/test2.html">폴더속 폴더에 있는 페이지</a></li>
<li><a href="#">4번</a></li>
<ul>
<li><a href="http://www.naver.com">네이버</a></li>
<li><a href="http://www.daum.net">다음</a></li>
</ul>
<li><a href="#">5번</a></li>
<li><a href="#">6번</a></li>
</ul>
</body>
</html>같은 폴더에 있으면 그냥 파일명을 작성한다.
-about.html
다른폴더에 있으면 폴더 이름을 적는다
-folder1/test1.html
폴더가 여러개면 경로를 작성한다
-folder1/folder2/test2.html
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h3>파일 안에 있는 페이지 상대경로</h3>
<h3>홈화면으로가기</h3>
<li><a href="../index.html" >첫화면으로</a></li>
</body>
</html>상위폴더로 접근하는 방법은 ..
-../index.html
| ul, ol 차이 (0) | 2022.01.31 |
|---|---|
| HTML 태그에 커스텀 데이터 속성 추가하기 (0) | 2021.06.11 |
| html명령어, 태그 (0) | 2020.11.22 |
| 11/17 수업내용 (0) | 2020.11.17 |
| 이클립스 서블릿 순서 (0) | 2020.11.17 |