본문 바로가기

HTML3

HTML: 하이퍼링크/입력양식폼 관련 태그 1. 하이퍼이크 관련 태그 1-1 태그 (Anchor Tag)용도: 하이퍼링크를 생성하는 데 사용된다.href: 링크의 목적지 URL을 지정한다.12li>a href="01_글자관련태그.html">글자관련태그/a>/li>li>a href="https://www.naver.com">네이버로/a>/li>cstarget: 링크를 열 때의 창이나 탭을 지정한다._self: 기본값. 현재 창에서 링크를 열기._blank: 새 탭 또는 새 창에서 링크를 열기.1a href="https://www.naver.com" target="_blank">네이버로/a>cs  1-2 페이지 내에서 이동 용도: 같은 페이지 내의 특정 위치로 스크롤 이동한다.방법:1. 대상 위치에 ID 지정:1 h3 id="main">/h3>cs .. 2024. 8. 26.
HTML: 멀티미디어/ 블록 요소와 인라인 요소 태그 1 멀티미디어 관련태그 1-1 이미지 관련태그 이미지를 문서에 삽입하는 태그이다.기본 문법: 1img src="./img/sample01.jpg" alt="옥지와빵빵이사진" width="200px" height="150px">cs 속성:src: 이미지 파일의 경로를 지정한다.예: src="./img/sample01.jpg"alt: 이미지가 표시되지 않을 때 대신 보여줄 대체 텍스트를 제공하여 접근성을 높인다.예: alt="옥지와빵빵이사진"width와 height: 이미지의 크기를 설정한다.고정 길이 단위 (px): 화면 크기와 관계없이 이미지 크기가 고정된다.예: width="200px" height="150px"가변 길이 단위 (%): 부모 요소나 화면 크기에 따라 이미지 크기가 조절된다.예: widt.. 2024. 8. 26.
HTML: 글자/목록/표 관련 태그 1. 글자 관련 태그, , , , , : HTML에서 제목을 정의하는 태그이다.  숫자가 작을수록 제목의 중요성이 높아지며 글자의 크기도 커진다: 문서 내에서 수평선을 삽입하여 구분선을 만든다.: 문단을 정의하는 태그이다. 기본적으로 문단 끝에서 자동으로 줄바꿈을 수행한다.: 미리 서식이 지정된 텍스트를 표시한다. 공백과 줄바꿈을 그대로 유지한다.: 글자를 굵게 표시한다.: 글자를 굵게 표시하며, 스크린 리더에 의해 중요성을 강조한다.: 글자를 기울여 표시한다. 강조의 의미가 있다.: 글자를 기울여 표시한다. 스타일적 기울임을 적용한다.: 배경색을 강조하여 형광펜 효과를 준다.: 글자에 밑줄을 추가한다.: 글자에 취소선을 추가한다.: 글자를 작게 표시합니다.: 아래첨자를 표시한다.: 윗첨자를 표시힌다.2.. 2024. 8. 23.