• 통큰쿠폰이벤트-통합

HTML 기본기

Illulizer
개인인증판매자스토어
최초 등록일
2020.10.07
최종 저작일
2019.06
6페이지/ MS 워드
가격 무료 할인쿠폰받기
다운로드
  • EasyAI 홍보배너

소개글

"HTML 기본기"에 대한 내용입니다.

목차

1. HTML과 첫 만남
1.1. HTML이란? Hyper Text Markup Language
1.2. 웹 표준이란 무엇인가?
1.3. HTML5와 CSS3를 공부해야 하는 이유
1.4. 웹 브라우저와 웹 편집기의 종류

2. HTML 문서 기본 구조

3. 태그 모음

본문내용

1. HTML과 첫 만남

1.1. HTML이란? Hyper Text Markup Language
웹에서 자유롭게 오갈 수 있는 웹 문서를 만드는 언어

1.2. 웹 표준이란 무엇인가?
웹 사이트를 만들 때 지켜야 하는 약속들을 정리한 것
웹 표준을 지켜 사이트를 제작하면 장소나 브라우저와 상관없이 쉽게 웹 사이트를 볼 수 있다.
HTML5로 웹을 디자인 하는 것은 웹 표준을 지킨 문서이다.

1.3. HTML5와 CSS3를 공부해야 하는 이유
최신 웹 표준에 맞는 웹 사이트 제작, 앱 화면을 디자인하기 위한 기초, 인터랙티브한 사이트 제작, 사이트와 블로그 수정의 이해

1.4. 웹 브라우저와 웹 편집기의 종류
브라우저 ex) 크롬, 파이어폭스, 인터넷 익스플로어
웹 편집기 ex) 노트패드++, 드림위버, 비쥬얼 스튜디오 코드

2. HTML 문서 기본 구조

태그는 소문자로 쓴다, 여는 태그와 닫는 태그를 정확히 입력한다(닫는 태그가 없는 것도 있음).
적당하게 들여 쓴다, 태그는 속성과 함께 사용된다, 인코딩 방식은 utf-8.

<중 략>

input 태그 type속성값
hidden: 화면상의 폼에는 보이지 않는다
text: 한 줄 텍스트 입력 필드
password: 비밀번호 입력란 (*나 •로 표시)
search: 검색필드. 검색창에 x창이 있어서 검색어 삭제가 용이함.
url: 웹주소 필드
email: 메일 주소 입력
tel: 전화번호 입력필드. 사용자 입력을 체크하진 않는다.
number: 수량 입력 필드. 크롬에서는 스핀박스로 표시
range: 수량 입력 필드. 슬라이드 막대로 표시
radio: 여러 항목 중 하나만 선택할 때
checkbox: 여러 항목 중 둘 이상을 선택할 때
color: 색상 표에서 색상 선택
date: 날짜 선택
month: 월과 연도를 선택
week: 주와 연도를 선택
time: 시간 입력
submit: 전송버튼
reset: 사용자 입력내용 삭제
image: submit 버튼 대신 이미지로 대체

참고 자료

없음
Illulizer
판매자 유형Bronze개인인증

주의사항

저작권 자료의 정보 및 내용의 진실성에 대하여 해피캠퍼스는 보증하지 않으며, 해당 정보 및 게시물 저작권과 기타 법적 책임은 자료 등록자에게 있습니다.
자료 및 게시물 내용의 불법적 이용, 무단 전재∙배포는 금지되어 있습니다.
저작권침해, 명예훼손 등 분쟁 요소 발견 시 고객센터의 저작권침해 신고센터를 이용해 주시기 바랍니다.
환불정책

해피캠퍼스는 구매자와 판매자 모두가 만족하는 서비스가 되도록 노력하고 있으며, 아래의 4가지 자료환불 조건을 꼭 확인해주시기 바랍니다.

파일오류 중복자료 저작권 없음 설명과 실제 내용 불일치
파일의 다운로드가 제대로 되지 않거나 파일형식에 맞는 프로그램으로 정상 작동하지 않는 경우 다른 자료와 70% 이상 내용이 일치하는 경우 (중복임을 확인할 수 있는 근거 필요함) 인터넷의 다른 사이트, 연구기관, 학교, 서적 등의 자료를 도용한 경우 자료의 설명과 실제 자료의 내용이 일치하지 않는 경우

찾던 자료가 아닌가요?아래 자료들 중 찾던 자료가 있는지 확인해보세요

  • HTML 태그에 관한 총정리 12페이지
    한다.아래는 HTML의 요소와 그 태그를 정리한 글이다.문서의 기본 구조 ... 사용됨. 아무런 속성을 지정하지 않으면 기본적으로 선의 길이가 화면 크기 ... HTML문서나 멀티미디어 정보를 표현하는 기본단위링크노드를 연결
  • HTML 웹프로그래밍 기초 간단 개념 4페이지
    HTML=HyperTextMarkupLanguage . 마크업 언어임 ... . 확장자는 .html 또는 .htm이다.마크업 언어란? 문서의 구조 ... 에서 HTML문서 재실행 하는 단축키: F5소스 코드란 컴퓨터 프로그램을 사람
  • 웹개발자 프론트 HTML 기초 이론, 용어 정리 요약본 5페이지
    게 보여지면 사용자만 피해봄? 표준안으로 HTML5를 웹 표준으로 권고 ... 와 클라이언트의 역할을 나누고 HTML이라는 마크업(Markup) 언어를 통해 ... Protocol) 사용(html문서를 주고 받기위한 약속 같은 것)(나
  • [AI데이터와 사회] 기말고사 정리 (오프라인) 10페이지
    브라우저가 해석하여 보여줌*HTML 기본구조-로 둘러쌓인 약속된 태그 ... ) HTTP 응답: HTML 파일 형태3) 서버로부터 받은 HTML 파일을 웹 ... (tag)로 구성예) , , , , -태그에 따라서 HTML 파일의 문서구조
  • 웹개발자 프론트 CSS 기초 이론, 용어 정리 요약본 3페이지
    을 적용할 수 있다.CSS 기본 선택자모든 요소(태그) 선택자(*)HTML ... 언어가 실제 표시되는 방법을 기술하는 언어)선택자란?특정한 HTML 태그 ... 문서 안의 모든 태그를 선택할 때 사용.태그 선택자(태그명)HTML 문서
더보기
최근 본 자료더보기
유니스터디 이벤트
HTML 기본기
  • 유니스터디 이벤트
AI 챗봇
2024년 11월 24일 일요일
AI 챗봇
안녕하세요. 해피캠퍼스 AI 챗봇입니다. 무엇이 궁금하신가요?
8:24 오전
문서 초안을 생성해주는 EasyAI
안녕하세요. 해피캠퍼스의 방대한 자료 중에서 선별하여 당신만의 초안을 만들어주는 EasyAI 입니다.
저는 아래와 같이 작업을 도와드립니다.
- 주제만 입력하면 목차부터 본문내용까지 자동 생성해 드립니다.
- 장문의 콘텐츠를 쉽고 빠르게 작성해 드립니다.
이런 주제들을 입력해 보세요.
- 유아에게 적합한 문학작품의 기준과 특성
- 한국인의 가치관 중에서 정신적 가치관을 이루는 것들을 문화적 문법으로 정리하고, 현대한국사회에서 일어나는 사건과 사고를 비교하여 자신의 의견으로 기술하세요
- 작별인사 독후감