2024. 1. 4. 17:12ㆍ2023.11.21-2024.05.31
웹 만들기 ;
(자바스크립트+CSS+HTML)
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>index</h1>이렇게 붙여도 아랫줄로 내려갑니다.<br>
<태그 속성="값">내용</태그>
<a href="">링크주소</a>를 겁니다.
<p>html5 2014년도...w3c</p>
<img alt="그림" src="./img/집에어쩌구.jpg">이미지입니다.
나랑 같은 곳에 있는 이미지 찾아와
</body>
</html>
|
cs |
<p> 태그의 위아래로는 약간의 여백이 자동으로 삽입된다.
<hr>태그는 수평 가로 구분선이다.
HTML 링크 : <a href="">링크주소</a>
<a>태그로 표현
<a>태그의 href 속성은 링크를 클릭하면 연결할 페이지나 사이트의 URL 주소를 명시합니다.
<a>태그는 텍스트나 단락, 이미지 등 다양한 HTML 요소에 사용할 수 있습니다.
HTML 이미지(Image) : <img src =" ./img/집에어쩌구.jpg " alt ="이미지가 없으니 그림인줄 아시오">
웹 페이지에서 주로 사용되는 이미지 : JPEG이미지, GIF이미지, PNG이미지
HTML 문서에 이미지를 삽입할 때는 <img>태그를 사용합니다.
<img>태그는 종료 태그가 없는 빈 태그(empty tag)이며, 다음과 같은 문법으로 사용됩니다.
src 속성은 이미지가 저장된 주소의 URL 주소를 명시합니다.
alt 속성으로 이미지가 로딩될 수 없는 상황에서 이미지 대신 나타날 문자열을 설정할 수 있습니다.
절대경로, 상대경로
절대경로 : 해당 파일이나 이미지 등의 위치를 포함한 전체 주소.
항상 같은 위치를 가리키기 때문에 다른 페이지로 이동하더라도 링크된 자원을 찾을 수 있다.
파일 또는 폴더 위치에 상관없이 항상 정확한 경로를 지정할 수 있지만 경로가 매우 길어지고 복잡해지며
다른 위치로 이동하거나할때마다 경로를 수정해야한다.
외부사이트 가는 절대경로
웹 : "https://" 또는 "http://"로 시작하는 url주소
내부사이트 가는 절대경로
/img/집에어쩌구.jpg
img폴더 안의 집에 어쩌구 파일
상대경로
현재 위치를 기준으로 상대적인 위치를 표현,
웹 페이지 파일이 이동하더라도 자원의 상대적인 위치가 변경되지 않으면 정상적으로 작동
별도의 재설정이 필요없지만 폴더의 구성을 눈으로 볼 수 없다.
../한 단계 위
./ 현재(생략해도 무방)
'2023.11.21-2024.05.31' 카테고리의 다른 글
| 240104 웹 만들기 ; div.html (1) | 2024.01.04 |
|---|---|
| 240104 웹 만들기 ; main.html (1) | 2024.01.04 |
| 240102 웹 만들기 ; Write.java (1) | 2024.01.04 |
| 240102 HTML Update.java (1) | 2024.01.04 |
| 240102 웹 만들기 ; Test.java (1) | 2024.01.04 |