개발/HTML6

HTML 기본 구조 본문 h1~6 태그 사용해서 제목 본문작성 후 p 태그로 단락 br 태그로 엔터 HTML 기본 구조 !DOCTYPE html 현재 문서가 HTML5 라 명시합니다 html HTML 문서의 루트(root) 요소를 정의합니다 head HTML 문서의 메타데이터(metadata)를 정의합니다 -메타데이터(metadata)란 HTML 문서에 대한 정보(data)로 웹 브라우저에는 직접적으로 표현되지 않는 정보입니다 메타데이터는 , , , , , 태그 등을 이용하여 표현할 수 있습니다. title HTML 제목(title)을 정의합니다 -웹 브라우저의 툴바(toolbar)에 표시됩니다. 웹 브라우저의 즐겨찾기(favorites)에 추가할 때 즐겨찾기의 제목이 됩니다. 검색 엔진의 결과 페이지에 제목으로 표시됩니다.. 개발/HTML 2022. 10. 3.
HTML 목록 태그 li, ul, ol HTML 목록 태그 li, ul, ol li 태그 list, 목록 태그, 부모 태그 필수 ol 태그 ordered list, 숫자나 알파벳 등 순서가 있는 목록, 자식 태그 필수 ul 태그 unordered list, 순서가 없는 목록, 자식 태그 필수 HTML 출력 화면, 코딩 화면 리스트 태그 li 1.HTML 2.CSS 3.JavaScript ul 태그 ul 태그는 li 태그의 부모태그 ul 태그는 어디까지가 연관된 항목인지 경계짓기 ul 태그는 반드시 자식 태그 갖음 li 태그는 반드시 부모 태그 갖음 ol 태그는 자동으로 1.2.3. 넘버링을 해준다 리스팅을 해준다 리스팅을 해준다 리스팅을 해준다 리스팅을 해준다 리스팅을 해준다 개발/HTML 2022. 10. 3.
HTML 이미지 태그 <img> / 속성 src, width, art html 이미지 태그와 속성, 이미지 태그 img 속성들 img 태그의 src 속성은 이미지 소스의 URL img 태그의 width 속성은 넓이 img 태그의 alt 속성은 이미지 보여줄 수 없을 때 대체할 텍스트 Web 출력 화면 코딩 입력 화면 이미지 태그 img (img src="이미지URL" width="넓이" art="이미지대체텍스트") img 태그의 src 속성은 이미지 소스의 URL img 태그의 alt 속성은 이미지 보여줄 수 없을 때 대체할 텍스트 br태그는 엔터입니다 개발/HTML 2022. 10. 2.
HTML 줄바꾸는 태그 p, br css로 바꾸는 방법 html에서 코딩하며 줄 넘김이 필요할 때 코딩 줄바꾸는 br태그 위아래로 줄바꿈,단락을 나타내는 p태그 p css style="margin-top:10px;사용 10픽셀만큼 간격 p css style="margin-top:45px;" 사용 45픽셀만큼 간격 개발/HTML 2022. 10. 1.
HTML 태그 사용 인기표 HTML 태그 사용 인기표 통계를 보니까 어떻게 공부해야 할지가 눈에 보이시죠? 통계를 보면 어떻게 공부해야 할지를 스스로 파악할 수 있습니다. 공부하실 때 통계에 기반해서 학습하시길 바래요. 개발/HTML 2022. 10. 1.
HTML 코딩 태그 공부 HTML 코딩할때 써져있는걸 태그라 합니다 앞에 있는 태그를 열리는 태그 뒤에 있는 태그를 닫히는 태그라고 구분해서 부르기도 합니다. 닫히는 태그는 태그명 앞에 /를 붙입니다. creating web pages을 보시면 아시겠지만, 태그는 중첩해서 사용할수도 있습니다. 태그 정리 노트 밑줄을 사용하는 태그 진함을 표시하는 태그 , , , , , h1~6 태그의 h는 heading 제목 태그로 6단계의 구획 제목을 나타냅니다 글씨가 커지고 진해지고 줄이 넘어갑니다 구획 단계는 h1이 가장 커지고 h6은 가장 작습니다 h1 h2 h3 h4 h5 h6 태그 정리 노트 밑줄을 사용하는 u 태그 진함을 표시하는 strong 태그 h1~6 태그의 h는 heading 제목. HTML h1–h6 요소는 6단계의 구획 .. 개발/HTML 2022. 10. 1.