안녕하세요. 바쁜 나날들입니다. 오늘은 마저 기본태그를 정리하고, 다음부터는 수업 복습 위주로 나가보려고 합니다. 오예
이미지 태그
<img /> 의 형식 풀어서 쓰면
<img src = "~.jpg" alt = "~사진이다" />
img 태그 속성
- src : 이미지의 경로 지정
- alt : 이미지가 없을 때 나오는 글자 지정
- width : 이미지의 너비 지정
- height : 이미지의 높이 지정
왼쪽이 alt를 사용하고 사진파일이 누락or 인터넷연결 문제로 안나올경우 나타내는 문장
오른쪽은 정상적인 이미지
- src 속성에는 웹에 있는 이미지의 경로를 넣어도 됨.
<img src = "https://~~~~~~" />
공간분할 태그
공간 분할하는 이유 : CSS로 원하는 레이아웃을 구성하기 위해
-> 전체에 스타일X 레이아웃을 분할함으로써 자신이 원하는 곳에~
div : 대표적인 분할 태그 / 블록 형식으로 공간 분할 / 앞뒤에 콘텐츠 존재
span : 인라인 형식으로 공간 분할 / 앞 뒤 신경 안 씀
<body>
<div> div 태그 </div>
<span> span 태그 </span>
</body>
* 블록 형식와 인라인 형식은 일반 태그에도 사용됨
블록 형식 : div, h1~h6, p, 목록, 테이블, 입력 양식
인라인 형식 : span, a(링크), input, 글자 형식
시맨틱 태그
- 시맨틱 웹 : 특정 태그에 의미를 부여한 웹
프로그램이 코드를 읽고 의미를 인식할 수 있는 지능형 웹
header 헤더
nav 네비게이션
aside 사이드에 위치하는 공간
section 여러 중심 내용을 감싸는 공간
article 글자가 많이 들어가는 부분
footer 꼬리말 (푸터)
div 처럼 공간을 나누는 역할들. pdf 참조.
'공부 > [2019] 웹 프로그래밍' 카테고리의 다른 글
| [2019.04.18] 웹 프로그래밍 및 실습 복습 (CSS3의 다양한 선택자02, CSS3 박스속성) (0) | 2019.04.18 |
|---|---|
| [2019.04.11] 웹 프로그래밍 및 실습 복습 (CSS3의 다양한 선택자01) (0) | 2019.04.17 |
| [2019.04.04] 웹 프로그래밍 및 실습 복습 (Html5 멀티미디어태그, CSS3 기초) (0) | 2019.04.15 |
| [웹 프로그래밍] HTML5 기본 태그 1 (글자, 목록, 테이블) (0) | 2019.04.01 |
| [웹 프로그래밍] HTML5 기본 구조와 작성법 끄적이기 (0) | 2019.03.31 |