일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
- 공부일지
- const
- Append
- 절대경로
- 생활코딩
- 함수
- padEnd
- TiL
- 선택자
- HTMLSTUDY
- HTML
- document.querySelector
- Selector
- 복합선택자
- appendChild
- object
- function
- src
- argument
- 코딩공부
- Let
- padStart
- combinator
- advancedwebranking
- 연결자
- 상대경로
- 인자
- CSS
- 속성선택자
- 결합자
- Today
- Total
목록HTML (2)
능히 할수있다!

상단 메뉴바 만드는 연습을 하다가 좌측에 로고를 넣기위해 src속성에 대해 알아보았고 그 내용에 대해 간략하게 기록해보려고 한다. 우선 태그는 html문서에 이미지를 넣는 태그이며 이미지의 경로를 지정하는 'src' 속성과, 이미지를 표시할 수 없을때(네트워크 환경, 속성값 오류, 시각장애인용 스크린리더 사용 등) 대체메세지, 이미지를 지정하는 'alt'속성을 포함해야 한다. src속성 경로를 지정 방법에는 절대경로와 상대경로가 있는데, 절대경로는 파일의 전체 경로, 프로토콜과 도메인을 포함한 전체 URL을 뜻하며 불러오려는 이미지 또는 페이지의 모든 정보를 제공하는 것이다. /* ex1 */ /* ex2 */ 상대경로는 이미지를 삽입할 html문서와 삽입할 이미지의 위치에 따라 경로를 지정하는 것이다...

생활코딩 강좌에서 알게된 이 사이트. 이 곳에 전세계 여러 웹페이지에 사용된 HTML 태그의 사용 빈도수를 조사한 자료가 있는데, 그 자료를 바탕으로 태그를 정리해보려 한다 ∙HTML : 페이지의 시작과 끝. HTML문서 전체를 감싸준다 ∙HEAD : 머리말 부분. , 등의 태그가 들어가고 CSS와 JavaScript를 연결해준다 한 문서에 하나의태그만 존재 ∙BODY : 브라우저에 표현 될 내용들을 나타내는 곳. 한 문서에 하나의태그만 존재 ∙TITLE : 웹사이트 상단에 표시 될 제목 ∙META : 문서에 대한 메타데이터(데이터의 데이터)를 정의내림. 태그 내에 위치 ∙DIV : Division. 단독으로는 아무 기능이 없고, 주로 CSS, JavaScript 작업을 위한 컨테이너로 활용 ∙A ..