---Learning (학습)---(29)
-
HTML,CSS,Js - HTML 표 만들기.
1. 태그는 표를 만들 때 사용합니다. 내용 2. 태그는 표 제목을 지정합니다. 제목 3. 태그는 표에서 행을 생성할 때 사용합니다. 행1 행2 4. , 태그는 열을 생성할때 사용th: 제목td: 데이터 과자 번호 상품명 수량 가격 1 프링글스 3 3,000원 2 수미칩 5 2,000원 ..
2024.08.07 -
HTML,CSS,Js - HTML 폼 구성.
1. form 태그는 폼 양식을 의미.2. input 태그는 입력받는 요소를 생성할 때 사용합니다. 3. fieldset 태그는 상호작용요소를 그룹 지을 때 사용합니다.legend 태그는 그룹 지은 요소들의 이름을 지정할 때 사용합니다. 필수 입력 아이디 ..
2024.07.30 -
HTML,CSS,Js - HTML 텍스트 강조.
1. strong 태그는 텍스트의 의미를 강조할 때 사용합니다. 이 과자는 너무 너무맛있습니다. 2. em 태그는 글자가 기울어져 보이는 역할을 합니다.이 과자는 너무 너무 맛있습니다.
2024.07.30 -
HTML,CSS,Js - HTML 링크와 이미지 넣는 방법.
1. a 태그는 HTML에서 내부나 외부링크를 생성할 때 사용합니다. (대상 경로 의미인 href 속성 필수 사용.)- href는 링크의 주소를 입력할 때 사용.- target은 사이트 연결 방식 여부.- title은 링크 설명. 2. img 태그는 HTML에서 이미지를 삽입하고 싶을 때 사용합니다. 3. 이미지에 링크 추가.
2024.07.30 -
HTML,CSS,Js - HTML 목록 만들기.
1. ul 태그는 순서가 없는 비순서형 목록을 생성할 때 사용합니다. (목록 내용은 li 태그로 구성합니다.) 목록 이름 목록1 목록2 목록3 2. ol 태그는 순서형으로 목록을 생성할 때 사용합니다. (내용은 li 태그)하루 루틴 아침 8시 기상 모닝 체조 아침 먹기 3.dl 태그는 정의형 목록을 구성할 때 사용합니다.*정의형 목록: 용어와 용어 설명을 나열한 형태의 목록.(dt 태그: 용어)(dd 태그: 용어 설명) Web 동영상이나, 음성 따위의 각종 멀티미디어를 이용하는 인터넷을 이르는 말.
2024.07.29 -
HTML,CSS,Js - HTML 그룹 짓기.
1. div 태그는 블록 요소와 인라인 요소를 그룹으로 묶을 때 사용합니다. 과자 소개 과자를 소개하는 페이지입니다. 아이스크림 소개 아이스크림을 소개하는 페이지입니다. div 태그를 사용할때나 사용하지않을때나 시각상으로 달라지는건 없지만 영역별로 코드안에서 그룹을 지으면 코드 가독성이 높아집니다.2. span 태그는 인라인 요소를 그룹으로 묶을 때 사용합니다.과자 소개이번 과자는포카O입니다. 특정 텍스트만 스타일을 다르게 적용할려면 태그 내부에서 공간을 분할해야할 때 span 태그를 사용합니다.
2024.07.28 -
HTML,CSS,Js - HTML 텍스트 작성.
1. hn 태그는 제목이나 주제를 나타낼 때 사용합니다. 제목1 제목2 제목3 제목4 제목5 제목6 2. p 태그는 본문의 문단을 작성할 때 사용합니다. 한 문단을 작성할려면 p태그를 사용. 3. br 태그는 문단 줄 바꿈할 때 사용합니다.한 문단을 작성할려면 p태그를 사용. 4. blockquote 태그는 출처에서 인용한 문단을 작성할 때 사용합니다. (출처가 확실하다면 사이트속성을 사용해 출처 경로 설정) 웹의 원래 의미는 「거미집」으로 하나의 사이트나 또는 다른 사이트와의 관계가 거미집처럼 복잡하게 얽혀 있기 때문에 웹이라고 부른다. 5. q 태그를 사용한 콘텐츠는 큰따옴표로 묶입니다.과거 통계에 따르면 2000년대 중반까지만 ..
2024.07.28 -
HTML,CSS,Js - 첫 번째 HTML 문서 만들기.
1. VSCode를 실행해 상단 메뉴에서 File - Open Folder를 선택합니다. 2. HTML 문서를 작성할 프로젝트 폴더를 고르는 창이 생성되고, 여기에서 폴더를 만들고 선택합니다. 3. 새 파일 아이콘 클릭합니다. 4. 파일명을 index.html로 입력합니다. 5. 오른쪽 편집기가 뜨면 입력칸에 !를 입력후 엔터를 클릭하면 기본 HTML코드를 자동으로 입력됩니다. 6. 입력된 코드를 아래와 같이 수정해봅시다.(내용은 자유롭게 수정가능.) 첫 번째 웹 페이지 7. 완성된 페이지.
2024.07.28