HTML - CSS/html 수업분 8

[html] day2_div, pre, button tag

DOCTYPE html> div tag - P 태그와 비슷 - block 속성의 태그 (새 라인에서 시작하는 태그) - p태그는 기본 시작의 위/아래에 여백(마진)이 있고, div는 없음 - 원하는 컨텐츠를 묶어서 사용할 때 쓰임 - 시멘틱 태그의 형태로 여러가지 말로 바뀌여서 쓰이고 있음 안녕 반가워 DOCTYPE html> pre 안녕하세요 홍길동입니다. 홍 길 동 안녕하세요 홍길동입니다. 홍 길 동 DOCTYPE html> button 일반버튼 전송버튼 리셋버튼 메뉴버튼

[html] day1_a_싱커

1번위치 2번위치 3번위치 2번 3번 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 DOCTYPE html>html lang="en">head>    meta charset="UTF-8">    meta http-equiv="X-UA-Compatible" content="IE=edge">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>a 싱커(책갈피)title>head>body>        : 책갈피 기능 = 도움말에서 해당 목차를 클릭하면 그 위치로 이동하는 요소  ..

[html] day1_tag종류

DOCTYPE html> tag 종류 inline 속성 : 줄바꿈이 안되는 속성 - 엘리먼트들이 전 후 줄바꿈 없이 한줄로 다른 엘리먼트들과 나란히 배치 - i, ins, del, span(상품명을 적는 경우 사용), a, em block 속성 : 줄바꿈이 되는 속성 - 엘리먼트들이 전 후 줄바꿈이 들어가는 형태 - 다른 엘리먼트들을 밀어내고 혼자 한줄을 차지 - div, h1, p, hr inline-block 속성 : 하이브리드 모드처럼 작동 - inline 엘리먼트들이 가질 수 있는 속성, block 엘리먼트들이 가질 수 있는 속성을 모두 가짐

[html] day1_text

DOCTYPE html> Document 제목 1: 메인 주제 표시 제목 2: 부주제 / 소제목 제목 3 제목 4 제목 5 제목 6 줄바꿈태그 br 태그 문단을 표시하는 P태그 문단에 대한 내용을 표시하고 보이는 그대로 출력하는 pre태그 글자를 굵게 b 태그 글자를 굵게 strong 태그 글자를 기울게 i 태그 글자를 가울게 em 태그 글자에 밑줄 ins 태그 글자에 취소선 del 태그 2 e : 2에 e승 (윗첨자 sup) log 210 : 로그 2의 10 (아래첨자 sub) 수평구분선 hr 태그 연습문제 HTML 삽입 미리보기할 수 없는 소스 DOCTYPE html> Document 자기소개 안녕하세요 제 이름은 홍길동이고, 현재 활빈당에서 의적활동을 하고 있습니다. 특징으로는 아버지를 아버지서자라..