HTML 5

05. 영역 관련 태그 (html)

영역 관련 태그블럭요소 : 한 줄 단위로 영역을 차지함 줄바꿈이 적용되어 이미 존재하는 다음줄에 다음영역이 잡힘                  (p, pre, "div", h ...)인라인요소 : content(내용) 영역에 해당하는 부분만 영역을 차지하는 요소                     줄바꿈이 적용되지 않아 다음영역에 바로 옆으로 다음영역이 잡힘                    (b, mark, s, img, "span", ...) - div태그와 span태그의 차이점1 : 줄바꿈 작용 div태그는 블럭요소로 한줄 단위로 영역을 차지(이미 존재하는 태그 다음줄에 영역이 잡힘)div style="background: red;">첫번째 영역div>    div style="background:..

HTML 2024.08.27

04. 이미지 및 멀티미디어 태그 (html)

src속성img src = 삽입하려는 이미지의 경로 [alt = "이미지 설명문구"] width = "가로길이" height = "세로길이" alt속성이미지의 경로가 잘못됐거나 이미지를 제대로 표현해줄 수 없을 때 대체 텍스트로 사용시각장애인들을 위한 스크린리더에서 이미지를 읽어주는 설명문구 img src="https://search.pstatic.net/common/?src=http%3A%2F%2Fblogfiles.naver.net%2FMjAyNDA2MTJfMTE3%2FMDAxNzE4MTY5MjEzODA0.qy3bWl33Hoy2NA6HID69_SRnC3DFXd8wLm4eBbL2zs4g.uuVarKKw1XkWeAQPEVgS5gJqhTq6X8e9PJEsKDVMgP8g.JPEG%2FIMG_7928.jpeg&..

HTML 2024.08.27

03. 표 관련 태그 (html)

표 : 웹문서에서 자료를 정리할 때 주로 사용 행과 열로 이루어져있고, 행과 열이 만나는 지점을 셀이라고 한다.표를 만들기 위한 태그 : , , , : 기본적인 표를 생성해주는 태그 : 표의 한 행을 나타내는 태그 : 표의 제목 셀을 나타내는 태그 -> 글자 굵게, 가운데 정렬 : 표의 일반 셀을 나타내는 태그border : 표의 테두리 두께                                                                                                                                                                  (기본적인 틀) h1>기본적인 표 만들기h1>    table border="..

HTML 2024.08.27

02. 목록관련태그 (html)

ul : 순서없는 목록태그li: ul의 자식요소, ul의 각 항목 나열에 사용 123456 ul>            li>HTML/li>            li>CSS/li>            li>javascript/li>            li>jQUery/li>        /ul> cs  ol : 순서가 있는목록태그li: ol의 자식요소, ol의 각 항목 나열에 사용 123456        ol>            li>HTML/li>            li>CSS/li>            li>javascript/li>            li>jQUery/li>        /ol>cs type속성을 통해서 순서표현방식을 변경할 수 있다.(A, a, i ...)start속성을 이..

HTML 2024.08.27

01. 글자관련태그 (html)

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778!DOCTYPE html> html lang="ko">    head>        meta charset="UTF-8">        meta name="generator" content="VScode">         meta name="author" content="one">         meta name="description" content="html학습용 문서">         title>글자태그관련/title>    /head>  ..

HTML 2024.08.23