일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- choice()
- locals()
- fileinput
- MySQL
- randrange()
- CSS
- discard()
- inplace()
- MySqlDB
- fnmatch
- decode()
- zipfile
- 오버라이딩
- __annotations__
- count()
- __getitem__
- items()
- mro()
- 파이썬
- __len__
- shutil
- Database
- View
- node.js
- glob
- HTML
- shuffle()
- __sub__
- JS
- remove()
- Today
- Total
목록HTML, CSS, JS (39)
흰둥이는 코드를 짤 때 짖어 (왈!왈!왈!왈!왈!왈!왈!왈!왈!왈!왈!)
선택자 1. 전체 선택자 스타일을 모든 요소에 적용 * 기호를 사용해서 표현 너무 많은 요소가 있는 HTML 문서에 사용할 경우 클라이언트에 부하를 줄 수 있음 * { 속성명1: 속성값; 속성명2: 속성값 ...} ✅ 개별적으로 적용한 스타일은 전체 선택자에 적용한 스타일보다 우선! CSS HTML 전체 선택자 스타일을 모든 요소에 적용 * 기호를 사용해서 표현 너무 많은 요소가 있는 HTML 문서에 사용할 경우 클라이언트에 부하를 줄 수 있음 2. 요소 선택자 특정 요소가 쓰인 모든 요소에 스타일을 적용 CSS HTML 요소 선택자 특정 요소가 쓰인 모든 요소에 스타일을 적용함 span 요소 strong 요소 ins 요소 mark 요소 ✅ 상속 부모 요소의 속성값이 자식 요소에게 전달되는 것 CSS H..
CSS(Cascading Style Sheets) 웹 페이지의 특정 요소 또는 요소 그룹에 적용할 스타일 그룹을 지정하는 규칙을 정의하는 언어 ✅ 참고 MDN(https://developer.mozilla.org/ko/) CSS 문법 HTML 문서 사이에 요소를 사용하여 적용하는 방법 CSS HTML CSS를 적용하는 방법 인라인 스타일 내부 스타일 외부 스타일 3. 외부 스타일 웹 사이트 전체의 스타일을 하나의 파일에서 변경할 수 있도록 적용하는 방법 ✅ rel 현재 문서와 링크된 문서 사이의 연관관계를 적용 indent-rainbow 들여쓰기를 컬러화시킨 프로그램
폼 태그 웹 페이지에서 사용자로부터 입력을 받을 때 사용하는 태그 사용자가 입력한 데이터를 서버로 보낼 때 form 요소를 사용 form 태그 안에 form 료소를 통해 데이터를 서버로 전달 ✅ 전송방법 get: url에 데이터를 포함하여 전달 post: body에 데이터를 포함하여 전달 태그: 입력 상자 type 속성 text: 문자를 입력받는 글상자 password: 비밀번호를 입력받는 글상자 radio: 여러개의 옵셩 중에서 단 하나의 옵션만을 선택할 수 있도록 하는 버튼 ✅ 그룹을 맺기 위해 name 속성의 값을 동일하게 해야 함 checkbox: 여러개의 옵션 중에서 다수의 옵션을 입력받을 수 있도록 하는 버튼 ✅ 그룹을 맺기 위해 name 속성의 값을 동일하게 해야 함 file: 원하는 파일을..
✅ 호스팅 서버 컴퓨터의 전체 또는 일정 공간을 이용할 수 있도록 임대해주는 서비스 FTP(File Transfer Protocol) 클라이언트 - 서버(c/s)용 프로토콜 클라이언트가 파일을 요청하면 서버가 요청된 파일을 제공 클라이언트가 서버로 파일을 전달 주로 대량의 파일을 처리할 때 사용 기본포트: 21 ✅ 닷홈 호스팅 주의사항 첫 페이지는 항상 index.html로 업로드(파일이름 소문자로 꼭 작성하기) html 디렉토리에 저장해야 함 파일질라 다운로드 FTP 클라이언트 프로그램으로 사용 ftp-simple 설치 비주얼 스튜디오 코드에 설치하여 FTP 프로그램으로 사용 설정 f1키 -> ftp-simple: Config - FTP connection setting을 선택 [ { "name": "..
하이퍼 링크 다른 페이지 또는 사이트로 연결하는 링크(문자 또는 이미지) 인라인 태그 링크에 사용할 문자 또는 이미지 코리아 아이티 아카데미 서브페이지 a태그 안에 하이퍼링크를 걸어 페이지를 이동시키며 a태그 안에 img 태그를 넣어 사용할 수 도있다. 책갈피 태그의 name 속성 또는 id 속성을 이용하여 책갈피 기능을 설정 링크에 사용될 문자 또는 이미지 문자 또는 이미지 문자 또는 이미지 책갈피 목적지로 이동합니다! Lorem ... Lorem ... ... Lorem ... 도착지 위로 위로2 테이블 여러 종류의 데이터를 보기 좋게 정리하여 보여주는 표를 작성 로 시작 하고 끝냄 로 행을 생성, 로 셀을 생성 : 셀의 제목, 가운데 정렬, 굵은 글씨 첫번째 셀 두번째 셀 세번째 셀 네번째 셀 다섯..
HTML의 특수 태그 : > 띄어쓰기 : 줄바꿈 태그 = 주석 한줄 또는 여러줄 안녕하세요. 이현준의 최초의 웹사이트 오신걸 환영합니다!!!! 안녕하세요. 이현준의 최초의 웹사이트 오신걸 환영합니다!!!! 라이브 서버 확인! 문단 태그 ~ 문단을 나타내는 태그 블록 태그(한 라인을 모두 차지함) 1. 문단 태그 문단을 만드는 태그 블록 태그 제목 태그 ~ h1 ~ h6까지 크기 블록 태그 검색엔진에서 제목으로 표현됨 안녕하세요. 제목태그 h1 안녕하세요. 제목태그 h2 안녕하세요. 제목태그 h3 안녕하세요. 제목태그 h4 안녕하세요. 제목태그 h5 안녕하세요. 제목태그 h6 서식 태그 글자를 꾸며주는 태그 : 텍스트를 지운것처럼 표현 del 태그는 글자를 지운 것처럼 표현합니다 : 텍스트에 밑줄 ..
클라이언트(Client) 서버로부터 서비스나 데이터를 요청하는 컴퓨터 서버(Server) 데이터를 포함하거나 네트워크의 다른 컴퓨터에서 엑세스하는 기능을 제공하는 컴퓨터 클라이언트 사이드 언어 HTML(Hyper Text Markup Language) HyperText(웹 페이지에서 다른 페이지로 이동할 수 있는 것) 기능을 가진 문서를 만드는 언어 CSS, JavaScript HTML 문서 만들기 HTML 문서는 확장명을 .html로 저장 대소문자를 구별하지 않음 문서를 작성할 수 있는 에디터라면 어디든지 작성이 가능 띄어쓰기, 줄바꿈을 구별하지 않음 명령어(태그) 형태로 괄호를 (예: ) 사용하여 표현 시작태그, 종료태그로 구성되어 있음 (예: ... ) 기본 설정 live server 설치 가로 스..