Git Product home page Git Product logo

webtest's Introduction

웹 수업

HTML

태그

태그란?

HTML 코드에서 정보(콘텐츠)를 정의하는 형식  
<></>를 사용해 콘텐츠의 시작, 끝을 표시한다
  • <br> : 줄 바꿈 태그
  • <hr> : 가로선을 긋는 태그. 문단과 문단 사이를 구분시키고 싶을 때 사용
  • <p> : 본문 작성 태그
  • <b> : 텍스트를 진하게 강조할 때 사용
  • <img> : 이미지를 삽입해주는 태그
  • <a> : <a href="">의 형식으로 링크 연결
  • <table> : 테이블을 만들 때 사용하는 태그
  • <form> : 웹페이지에 입력폼을 만들 때 사용하는 태그
  • <input> : 데이터를 입력할 수 있는 태그. 옵션으로 (text, password, radio, checkbox, button ...)
  • <select> : 입력폼에서 목록상자를 생성해 선택할 수 있는 태그
  • <textarea> : 텍스트의 입력창을 나타내는 태그. 보통 게시판의 입력창으로 사용
  • <li> : 리스트를 만드는 태그. 태그 단독으로 쓰이지 않으며, 태그 내부에 들어간다
  • <label> : input 태그와 함께 사용. <label for=""></label>에서 for의 속성 값을 input 태그와 동일하게 하면 label 태그를 클릭한 것만으로도 해당 input 태그를 클릭한 것과 같은 효과를 낸다
  • <h1 ~ h6> : 제목을 나타내는 태그. h 뒤의 숫자가 커질수록 글자가 작아진다
  • <div> : 특별한 역할을 하지 않는 영역. display 속성이 block(한 라인을 모두 차지하는 방식)
  • <span> : 특별한 역할을 하지 않는 영역. display 속성이 inline(실제 자기 자신의 내용만큼의 크기만을 가짐)

CSS

좀 더 디자인에 최적화된 웹페이지 마크업 언어

CSS

엘리먼트(Element)?

웹 디자인의 최소 단위. 하나의 객체를 의미.  
보통 태그 하나를 지칭할 때 쓰이지만 반드시 태그만 의미 하지는 않음

셀렉터(Selector)?

css 혹은 javascript로 변화시킬 대상(데이터)를 지정할 때 부른다
선택할 때 tag, class, name, id를 이용한다

아이디(id)?

단 하나의 엘리먼트를 지칭
다른 아이디와 중복되어선 안됨

네임(name)?

클래스보다는 소수의 단위 
CSS의 구조

JavaScript

입력받기_prompt(), confirm()
### 2. 제목 #### 제목 - 리스트 - 리스트

jQuery

jQuery? 자바스크립트 라이브러리

문법

webtest's People

Contributors

holaitskylie avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.