Stack/HTML

[HTML] HTML5 시멘틱태그

html5 시멘틱 태그 자주 쓰던 태그 이름들이 그냥 태그가 되어버렸다 -> -> 그냥 div로 놔두던 애들 -> 사이트 네비게이션 메뉴 -> 그냥 얘로 한번 감싸준다 생각하기 시멘틱 태그 종류

[HTML] 홈페이지 마크업

https://www.gowoonsesang.com/story/view?idx=36 고운세상 코스메틱 고운세상 코스메틱 웹사이트 www.gowoonsesang.com About Us 기업소개 연혁 CEO 메시지 고운세상 글로벌 네트워크 Brands Dr. G 스킨 솔루션 Sustainability 고운실천 윤리경영 News 고운이야기 공지사항 Careers Contact 닫기 KO KO EN 01Gowoonsesang Cosmetics 누구나 피부를 건강하게 우리는 피부 과학으로 세상을 더 건강하고 아름답게 만들고 있습니다. 02Gowoonsesang Cosmetics 함께 성장하는 고운세상 고운세상코스메틱은 누구나 건강한 피부로 행복한 삶을 누리는 세상을 꿈꿉니다. 이러한 뜻을 함께하는 사람들이 모여 ..

[HTML] label 태그

label 태그 양식 입력창의 요소들을 위한 캡션을 명시함 1. 명시적 작성방법 label의 for속성과 input의 id속성을 명시함으로써 연결해주는 방식 ex> 이름 밑줄 친 애들 일치시켜야 함 2. 암시적 작성방법 label태그안에 input태그를 넣음으로써 for속성을 명시하지 않더라도 암무적으로 연결하는 방식 ex> 이름 label 태그를 왜 붙여야하나요? -> 웹 접근성을 위해서! (CSS를 이용해 숨길 수 있음) 개인정보 입력 이메일: 이메일 아이디 @ 이메일 주소 직접입력 한메일 네이버 지메일 이름

[HTML] div / form 태그

1. div.html 그린컴퓨터 아카데미 menu1 menu2 menu3 menu4 영역1 영역2 영역3 영역4 영역5 하단menu1 하단menu2 하단menu3 하단menu4 2. form.html 폼태그 3. form_select.html select태그와 input 버튼 회원여부: 회원 비회원 취미: 독서 영화 음악 사진: 하고싶은말: 직업: 학생 회사원 교사 4. join.html 개인정보 입력 @ 직접입력 한메일 네이버 지메일 010 011 016 - - 성별 남 여 년 월 일 5. join2.html 회원정보입력 * 이름 * 휴대폰 번호 - - [휴대폰 번호 중복확인] * 인증번호 입력 인증번호 받기 * 비밀번호 * 비밀번호 확인 * 생년월일 년 월 일 * 성별 남여 * 주소 우편번호 찾기 이..

[HTML] p / a 태그

- p / a태그 그린컴퓨터 아카데미p 그린컴퓨터 아카데미p 그린 컴퓨터 아카데미 a 그린 컴퓨터 아카데미 a h1입니다. h2입니다. - 복습 * 인라인태그 vs 블럭태그 * 폼태그 * div, span: 해당 항목을 그룹핑 해주는 태그 * 시멘틱 태그

[HTML] index / list / text / table / image / video 태그

1) 이미지 요소 태그: html 문서 안에 이미지를 넣을 수 있음, 빈요소이다. src 속성: 이미지 경로를 지정함 alt 속성: 이미지를 지원하지 않는 환경에서 이미지를 대체하는 텍스트 2) 비디오 요소 태그: 비디오와 영화 등 비디오 파일을 명시함 태그: video요소의 원본 파일에 대한 파일 형식 및 파일 주소를 명시함 src 속성: 비디오 파일의 경로를 명시함 width 속성: 비디오 파일의 너비를 명시함 height 속성: 비디오 파일의 높이를 명시함 loop 속성: 비디오 반복재생 여부를 명시함 controls 속성: 비디오의 기본적인 동작을 조절할 수 있는 패널을 명시함 muted 속성: 비디오의 음소거를 명시함 autoplay 속성: 비디오의 자동재생을 명시함 태그 네이버 바로가기 제목1..

[HTML] 5일 만에 끝내는 HTML 기초 5일차

1. 폼태그 복습 회원가입 폼 아이디 패스워드 패스워드확인 패스워드 분실시 질문 어릴때 살던 곳은? 초등학교 선생님의 성함은? 나의 가장 소중한 보물은? 패스워드 분실시 답변 이름 (공백없이 한글만 입력가능) 별명 한글2글자, 영문4글자 이상 입력가능합니다. 공백없이 한글, 영문, 숫자만 입력가능(한글 2자, 영문 4자이상) 이메일 E-mail주소를 입력하십시요. 성별 남성 여성 메일링 서비스 정보메일을 받겠습니다. " data-ke-type="html"> HTML 삽입 미리보기할 수 없는 소스 JOIN US 회원가입

[HTML] 5일 만에 끝내는 HTML 기초 4일차

티스토리 html블럭 플러그인 이미지태그 alt 속성이 가끔씩 제대로 안먹힌다 🤨 결과화면 빼버려야게써 1. 페이지 전체 마크업 - 내가 한 것 ORGANIC 오가닉 러프한 소재와 함께 자연 공간을 풍부하게 경험할 수 있는 오가닉한 스타일 내추럴 컨셉을 표방하는 오가닉 네이처는 예스럽지만 세련된 느낌의 공간으로 중년층의 라이프 스타일과 취향을 반영한 스타일입니다. 전체적으로 밝은 아이보리와 베이지, 브라운 컬러를 사용하며 생활에 지친 사람들에게 삶과 힐링을 제공하는 인테리어입니다. 자연 친화적인 공간 연출 자재: 티크나 윌넛 수풍의 바닥재, 텍스처가 살아있는 벽지, 나뭇결의 거친 느낌을 강조한 도어 소품: 자연소재 그대로의 스톨, 나뭇가지 형태의 플로어램프, 한국적 자아의 툇마루 공간, 모던하게 재해석한..

[HTML] 5일 만에 끝내는 HTML 기초 3일차

1. 비디오태그 https://www.youtube.com/shorts/Y6Pbqbg4IpQ 2. 비디오태그 (이 양식을 더 많이 쓸 것 !) 이 브라우저는 비디오태그를 지원하지 않습니다. 3. 폼태그 * input태그 속성 type 속성: 입력필드 타입을 지정함 type 1. text: 텍스트를 입력하는 창을 생성 2. password: 비밀번호를 입력하는 창을 생성 3. radio: 라디오 버튼을 생성 4. checkbox: 체크박스를 생성 5. hidden: 사용자에게 보이지는 않지만 서버로 전송됨 6. submit: 서버로 제출/전송하는 버튼을 생성 7. reset: 입력필드를 초기화 시키는 버튼을 생성 8. file: 파일 이름을 입력하는 창을 생성 name 속성: 서버로 전달되는 이름 valu..

[HTML] 5일 만에 끝내는 HTML 기초 2일차

1. 테이블태그 수업명 개강일 인원 수강료 건축설계 04-07 25명 300,000 웹 개발자 프론트 05-02 360,000 그린컴퓨터 아카데미 그린컴퓨터 아카데미 그린컴퓨터 아카데미 " data-ke-type="html"> HTML 삽입 미리보기할 수 없는 소스