'HTML' 카테고리의 글 목록

프로필사진

FE_Log

JunO3O

검색

분류 전체보기 (50)

태그 목록

유동 속성 중앙 레이아웃 수평 레이아웃 상태 선택자 태그 선택자 CSS 단위 그레이디언트 css 글자태그 글자 속성 the web developer bootcamp 자손 선택자 박스 속성 Udemy vscode 글자 생략 후손 선택자 one true 레이아웃 속성 선택자 반응 선택자 입력 양식 아이디 선택자 display 속성 공간 분할 배경 속성 위치 속성 html 구조 선택자 목록태그 요소 배치

즐겨찾기

Copyright © Design Maker - vlo.

'HTML' 카테고리의 글 목록

웹 문서 업로드하기

댓글수 · 2023.03.21

웹 문서 업로드 # 호스팅 서버 준비하기 - HTML 로 만든 웹 사이트를 다른 사람이 볼 수 있도록 하려면 웹 문서와 사용한 파일들을 서버 컴퓨터로 업로드해야 한다. - 웹 서버를 직접 구입하고 관리하기 어렵기 때문에 매달 혹은 몇 년마다 일정 금액을 내고 사용하는 호스팅 서비스를 많이 이용한다. # FTP 프로그램 설치하기 - FTP 프로그램이란 사용자 컴퓨터에서 작성한 웹 문서와 각종 파일을 서버로 업로드(upload)하거나 서버에서 다운로드(download)할 수 있도록 해주는 프로그램 # 닷홈에 무료 호스팅 서비스 신청하기 -> FileZilla 설치하고 서버에 접속하기 1. 닷홈 : https://www.dothome.co.kr/ 2. FileZilla : https://filezilla-pr..

댓글수 · 2023.03.21

블로그(?) 뼈대 만들어보기! HTML5 Example PHJ HTML5 데이터 1 데이터 2 CSS3 데이터 1 데이터 2 데이터 3 JavaScript 데이터 1 데이터 2 데이터 3 데이터 4 데이터 5 HTML5 관련 내용 2022년 07월 09일 강아지 귀엽네요 ㅎ 키우고 싶습니다 ! HTML5 응용하기 2022년 07월 10일 이미지를 하나 더 추가해봅니다 이 친구도 귀엽네요 카테고리 데이터 1 데이터 2 데이터 3 데이터 4 데이터 5 최근 작성 항목 데이터 1 데이터 2 데이터 3 개발을 배우고 있는 어느 누군가가...

시맨틱 태그

댓글수 · 2023.03.21

시맨틱(semantic) 태그 # 시맨틱 태그 ㅁ 시맨틱은 '의미론적인'이라는 의미입니다. ㅁ 특정 태그에 의미를 부여해 웹 페이지를 만드는 것을 시맨틱 웹이라고 합니다. ㅁ 시맨틱 웹은 컴퓨터 프로그램이 코드를 읽고 의미를 인식할 수 있는 지능형 웹을 의미합니다. 1. header : 머리말을 의미합니다. 페이지 제목, 페이지 소개 등이 해당됩니다. 2. nav : 하이퍼링크들을 모아 놓은 네비게이션을 말합니다. 3. aside : 본문 흐름에 벗어나는 노트나 팁을 말합니다. 4. section : 문서의 장이나 절에 해당하는 내용을 말합니다. 5. article : 본문과 독립적인 콘텐츠 영역을 말합니다. 6. footer : 꼬리말을 의미합니다. 저작권, 저자 등이 해당됩니다. HTML 시맨틱 네비..

공간 분할 태그

댓글수 · 2023.03.21

기본 공간 분할 태그 div / span # 공간 분할 태그 ㅁ div 태그는 공간을 블록 형식으로 분할합니다. ㅁ span 태그는 공간을 인라인 형식으로 분할합니다. # 공간을 블록 형식으로 분할하기 ㅁ div 태그를 사용해 공간을 분할하면 각 태그가 한 행을 모두 차지합니다. 이를 블록 형식이라고 합니다. div 태그1 - 블록 형식으로 공간을 분할합니다.(1) div 태그2 - 블록 형식으로 공간을 분할합니다.(2) div 태그3 - 블록 형식으로 공간을 분할합니다.(3) div 태그4 - 블록 형식으로 공간을 분할합니다.(4) div 태그5 - 블록 형식으로 공간을 분할합니다.(5) # 공간을 인라인 형식으로 분할하기 ㅁ span 태그를 이용하면 각 태그는 자신의 글자 크기만큼 영역을 차지하며, ..

입력 양식 종류

댓글수 1 · 2023.03.21

입력 양식 태그 태그 속성 설명 form 보이지 않음 입력 양식의 시작과 끝 표시 input text 글자 입략 양식 생성 button 버튼 생성 checkbox 체크 박스 생성 file 파일 입력 양식 생성 hidden 해당 내용 표시 안함 image 이미지 형태 생성 password 비밀번호 입력 양식 생성 radio 라디오 버튼 생성 reset 초기화 버튼 생성 submit 제출 버튼 생성 textarea cols / rows 여러 행의 글자 입력 양식 생성, cols는 너비를 지정하고, rows는 높이를 지정 select optgroup option - 선택 양식 생성 옵션 그룹화 옵션 생성 fieldset legend - 입력 양식의 그룹 지정 입력 양식 그룹의 이름 지정 # 라디오 버튼 선택 ..

입력 양식 태그

댓글수 · 2023.03.21

입력 양식 태그 ㅁ 입력 양식은 사용자에게 정보를 입력받을 때 필요한 요소입니다. ㅁ 회원 가입 또는 검색창에 자주 사용합니다. # 입력 양식 개요 ㅁ 입력 양식은 form 태그로 영역을 생성하고, 내부에 input 태그를 넣어 만듭니다. # form 태그의 속성 ㅁ 입력 양식에 데이터를 입력하고 제출(submit) 버튼을 누르면 지정된 방식으로 지정된 장소에 데이터를 전달합니다. ㅁ 이때 방식과 장소는 속성으로 지정하는데, form 태그는 method 속성의 방식으로 action 속성 장소에 데이터를 전달합니다. GET ? POST ? : get과 post는 HTTP 프로토콜을 이용해서 무언가를 전달할 때 사용하는 방식입니다. # get 방식 (get 방식) ㅁ get 방식은 아래와 같은 화면에 'ap..

미디어 태그

댓글수 · 2023.03.21

미디어 태그 # img, audio, video 태그 ㅁ 이미지, 오디오, 비디오 등 멀티미디어를 넣는 방법으로 미디어 태그를 사용한다. ㅁ img 태그는 이미지를 삽입할 때 사용하는 태그입니다. ㅁ audio 태그는 음악을 삽입할 때 사용하는 태그입니다. ㅁ video 태그는 비디오를 삽입할 때 사용하는 태그입니다. ㅁ img 태그는 내용물을 가질 수 없는 태그이지만, audio 태그와 video 태그는 내용물을 가질 수 있는 태그입니다. 태그 속성 설명 img 태그 src 이미지의 경로 지정 alt 이미지가 없을 때 나오는 글자 지정 width 이미지의 너비 지정 height 이미지의 높이 지정 audio, video 태그 src 음악, 비디오 파일의 경로 지정 preload 음악, 비디오를 준비 중..

테이블 태그

댓글수 · 2023.03.21

테이블 태그 ㅁ 표를 만들 때는 테이블 태그를 사용합니다. 테이블 태그는 아래와 같습니다. 태그 설명 table 표 삽입 tr 표에 행(table row) 삽입 th 표의 제목 셀(table heading) 생성 td 표의 일반 셀(table data) 생성 # 표 만들기 ㅁ table 태그를 사용하여 표를 만듭니다. # 표에 셀 추가하기 ㅁ table 요소를 만드는 tr 태그, th 태그, td 태그를 추가하여 표를 만듭니다. 월 화 수 목 금 점심 삼겹살 제육 한식 짬뽕 냉면 저녁 육개장 돈까스 치킨 생선구이 감자탕 # 테이블 태그의 속성 ㅁ th 태그와 td 태그는 colspan 속성과 rowspan 속성을 사용해 표에서 차지하는 영역을 조절할 수 있습니다. ㅁ colspan 속성을 사용하면 영역이..

티스토리툴바