HTML
1.기본 구조
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>html 문서 기본 구조 이해</title>
</head>
<body>
html 문서 작성 연습입니다..
</body>
</html>*주의사항
- 이름 작성시
영문으로 작성, 대소문자 구분, 한글과 띄어쓰기 금지
특수문자: - _
영문 뒤에 숫자사용~ - 태그 작성시
밖에서부터 안으로 짜기
<태그>,</태그> ->처음부터 닫아주고 중간에 내용을 추가하기
줄 맞춰주기 - /: 닫기
- 인코딩 언어와 문서 안에 적어놓은 메타 언어가 일치 해야함
2. 태그
<!-->> 주석- 편집 프로그램에서만 보임
<h1~h6> 숫자가 뒤로 갈수록 글자사이즈가 줄어듬, 타이틀에 사용, 볼드체
<p> 문단나눔
<br/> 줄 나눔
<hr/> 일자줄 —————-
<blockquote> 들여쓰기 글자
<pre> 공백이나 줄바꿈 등이 그대로 표현되어지는 태그글자
- 볼드체
<strong>경고, 주의사항, 중요사항 강조
<b>글자를 굵게 표현
- 이태릭체
<em>주위 텍스트에 비해 강조된 부분,저자의 생각
<i>이태릭체를 표현하고 싶을 때
- 인용
<q> ""
- 글자를 꾸밀 때
<span>
<mark> 형광펜
- 밑줄
<del> 취소선, 중간줄
<ins> 밑줄
- 첨자
<sup>위첨자
<sub>아래첨자
- 특수문자(엔티티)
< = < (<)
> = > (>)
&#nbsp; =   (줄 바꿈 없는 공백)이미지 -> 글자와 같이 나열
<img/>: 단독태그/ 링크찾기 <img src=""> alt: 주석문, 이미지가 안보일때 대비한 대체문자, 기본규칙
*url에서 가져올경우 이미지주소 복사
<alt=""> <img src="" alt=""설명">
<figure></figure>
<figcaption></figcaption> figure에 캡션을 넣을때 사용하는 태그, figure 안에서 사용, 제일 처음이나 마지막에 배치
a태그
웹페이지를 연결, 이동할때 사용하는 태그/ 주로 메뉴.., 나열되는 성격, 브라우저 내에서 바로 전환
1. 인터넷 주소 url / https:// 필수!
<a href="https://naver.com/">네이버</a>
2.임시 링크: #
<a href="#">임시 링크</a>
2. 새창 전환
target=링크 클릭 시, 문서가 열릴 위치를 지정
_self: 현재 브라우저에서 전환
_blank: 새로운 창
<a href="https://naver.com/" target="_blank">네이버</a><br><br>네이버 <- 네이버 바로가기
:) GITHUB: https://github.com/YJ2123412