블록태그와 인라인 태그
- 블록태그 : 항상 새 라인에서 시작하여 출력 ex) p, h1, div, ul
- 인라인 태그 : 블록 속에 삽입되어 블록의 일부로 출력 ex) strong, a, img, span
<h3>사랑</h3>
<hr>
<!-- css가 하나의 라인으로 바로 적용하는 경우 -->
<div style="background-color:skyblue; padding:20px;">
내가 사람의 방언과 천사의 말을 할지라도
<span style="color:red">사랑</span>이 없으면
소리 나는 구리와 울리는 꽹과리가 되고,
<span style="color:red;">사랑</span>이 없으면 아무것도 아니라.
</div>메타데이터 삽입
- 메타 데이터
1) 데이터를 설명하는 데이터- 사진 데이터의 메타 데이터 : 사진 찍은 장소, 시간
- 오디오 데이터 : 재생 시간, 채널 수
- 이미지 데이터 : 이미지의 폭, 높이, 컬러, 해상도
- html 페이지에 대한 메타 데이터를 담기 위한 태그들
base, link, script, style, title, meta - 메타 태그들은 head 태그 안에 작성
head
base href = "http://www.mysite.com/score"
*script는 내에서도 작성 가능
base 태그
-
웹 페이지들의 기본 url과 페이지가 출력된 윈도우 지정
-
사용 예
math.html이나 science.html 웹페이지가 모두 http://www.mysite.com/score/에 있는 경우 <a href="http://www.mysite.com/score/math.html>수학</a> <a href="http://www.mysite.com/score/science.html>과학</a> 위의 html 소스를 base 태그를 이용하여 수정 <head> <base href="http://www.mysite.com/score/"> <a href="math.html>수학</a> <a href="science.html>과학</a>
이미지 삽입
- img 태그의 src 속성에 이미지 파일의 주소 지정
1) src에 지정할 수 있는 이미지 종류
- bmp, gif, png, jpg
2) 기본 형식
img src="이미지 파일"
alt="문자열" (해당 이미지가 없을 때, 대체되는 문자열)
width="이미지폭"
height="이미지높이" - 이미지 호출
1) 외부에 있는 이미지 호출
2) 내부에 있는 이미지 호출- 같은 폴더
- 디폴트 경로의 다른 폴더
- 같은 폴더
아자아자 화이팅