# html

9071개의 포스트
post-thumbnail

싸이월드 클론코딩 1일차

기본적인 HTML, CSS를 배우면서 싸이월드 미니 홈페이지를 클론 코딩 해보았습니다.

약 2시간 전
·
0개의 댓글
·

HTML, CSS, Javascript 기초

HTML1\. HTML5HTML의 5번째 버전으로 멀티미디어 등 다양한 애플리케이션까지 표현 · 제공하도록 진화한 웹 프로그래밍 언어2\. HTML의 문서구조(1)head - 검색 엔진을 위한 영역, title, meta 태그(2)body - 브라우저에서 보여지는 영역

약 2시간 전
·
0개의 댓글
·

[코캠]베이스캠프 1일차 | css정렬

오늘은 HTML의 기본 개념과 마크업, 그리고 css 속성에 대해서 간단하게 배웠다. 특히 css 속성 중 아~주 많이 쓰이는 display: flex를 배웠는데 다시 한번 정리해보자! HTML의 태그 사이즈는 Block과 Inline으로 나뉜다.block: 페이지의

약 3시간 전
·
0개의 댓글
·
post-thumbnail

[스파르타 내일배움단] 개발일지 - 1주차

html은 head와 body 태그로 구성head안에는 페이지 속성 정보, body안에는 페이지의 내용을 저장head안에 들어가는대표적인 요소들 : meta, scrip, link, titlebody안에 들어가는 대표적인 요소들ctrl + alt + L 입력<h

약 3시간 전
·
0개의 댓글
·

오픈소스를 이용해 웹 개발 해보기(조코딩 웹개발 1주차) -> html 문법

제목입니다 -> header 제일 큰거, 사이에 내용을 넣기 제목이 클수록 작아짐 Vscode의 확장 탭에서 live server를 설치하고 맨 밑의 go live를 클릭하면 실시간으로 코드결과를 볼 수 있음.(웹에서 새로고침 해줘야함) 제목입니다. 속성 입력 닫는창없고, 스스로 닫는 태그 / 네모 박스 생겨서 입력받는 곳 네모 박스 안에 '값입니다...

약 3시간 전
·
0개의 댓글
·
post-thumbnail

<script> <script async> <script defer> 태그들의 차이점

우리가 JavaScript파일을 html에 적용할 때, 일반적으로 &lt;body>태그 마지막에 &lt;script>파일을 위치시키는데, 그 이유는 브라우저가 html파일을 파싱하다가 &lt;script>태그를 만나면 html파싱을 일시중지하고 &lt;script>파일

약 4시간 전
·
0개의 댓글
·

ToDo-List를 만들어보자

혼자서 만드는 미니 프로젝트

약 5시간 전
·
0개의 댓글
·
post-thumbnail

html 오류

html을 공부하며 봤던 오류들을 한번 복기해보려고한다.첫 번째 가장 많이 보는 404 오류클라이언트 에러 응답에 해당합니다서버가 요청받은 리소스를 찾을 수 없는 경우에 발생하는 오류서버들이 인증받지 않은 클라이언트로부터 리소스를 숨기기 위해 403 대신 전송하는 경우

약 5시간 전
·
0개의 댓글
·
post-thumbnail

📆(22.09.30) - 첫 react, html5 구조, vite?

Node.js 설치 & yarn 설치처음에 Node 공식 홈페이지에서 Node.js를 버젼을 설치한다. 이전에 자바스크립트 코드를 Node 플랫폼에서 사용했기에 아마 설치가 되어있을 것이다. 만약 Node가 깔린지 아닌지 궁금하다면? terminal 혹은 powers

약 5시간 전
·
0개의 댓글
·

CSS <link> 태그를 <head></head> 태그 사이에 위치시키고, JS <script> 태그를 <body> 태그가 끝나기 직전에 위치시키는 이유

Q. CSS &lt;link> 태그를 &lt;head>&lt;/head> 태그 사이에 위치시키고, JS &lt;script> 태그를 &lt;body> 태그가 끝나기 직전에 위치시키는 이유?브라우저는 렌더링 과정에서 html, CSS, script 파일 세 개를 다운로드

약 5시간 전
·
0개의 댓글
·

221005 Frontend #5

HTML 공간분할 방법, block, iframe, 레이아웃, 반응형 웹, Meta 태그 - viewport

약 6시간 전
·
0개의 댓글
·
post-thumbnail

React JS 현재 상영 중인 영화의 일별 박스오피스 랭킹을 알려주는 서비스 만들기

현재 국내에서 상영 중인 영화의 일별 박스오피스 랭킹을 알려주는 서비스를 만들어봅니다.우선 영화진흥위원회의 open API를 이용하여 정보를 받아오기 위해 회원가입을 하고 key를 발급받습니다.영화진흥위원회 open API 바로가기당일 랭킹은 집계가 아직 되지 않으므로

약 8시간 전
·
0개의 댓글
·
post-thumbnail

입력 양식 태그_복습 (2)

선택 가능한 입력 양식 1. 한 항목만 선택하기 : `` 태그 사용 목록으로 보여 주는 항목 중 하나 또는 여러 개를 선택할 때 사용 기본적으로 하나만 선택가능 `, ` 태그를 함께 사용 2. 여러 항목 선택하기 : `` 태그의 multiple 속성 사용 3. 선택

약 9시간 전
·
0개의 댓글
·

오픈소스를 이용해 웹 개발 해보기(조코딩 웹개발 1주차 -> html 문법)

조코딩의 웹사이트 만들기 링크 1주차 강의 프론트엔드 3가지 html은 뼈대잡기 css는 꾸미기(ex.제목은 초록색) javascript는 로직처리 (ex.아이디 미입력 표시) html, css는 마크업 언어(프로그래밍 언어가 아님) -> 로직 작성할 수 없음 html 기본 문법 -> header 제일 큰거, 사이에 내용을 넣기 제목이 클수록 작아짐 ...

약 9시간 전
·
0개의 댓글
·

HTML_목록 (List)

순서가 없는 목록 (unordered list) >* 블록 레벨 각 목록을 글머리기호로 나타낸다. (`` 태그의 type 속성을 이용) `` : ● (디폴트, type 속성을 생략하면 적용) `` : ○ `` : ■ `` 태그 : 전체 목록을 포함하는 태그

약 12시간 전
·
0개의 댓글
·

10.04

https://atom.io -> 설치

약 22시간 전
·
0개의 댓글
·

Portfolio 사이트 구현하기(HTML/CSS)/(1)

실행 영상 파일 구성 src 폴더: 각종 이미지 파일, 동영상 파일 넣어주기 styles 폴더: 각 섹션별 css 파일들 넣어주기 index.html: html 작성 파일 style.css: 전체 css 관리 파일 style.css HTML 파트 전체 틀 먼

약 22시간 전
·
0개의 댓글
·

Portfolio 사이트 구현하기(HTML/CSS)/(2)

Intro 초기화면 CSS 적용화면 Navbar ![](https://velog.velcdn.com/images/gayean01/pos

약 22시간 전
·
0개의 댓글
·

HTML Tag

html 태그 정리

약 23시간 전
·
0개의 댓글
·
post-thumbnail

HTML - 1004

HTML(hyper text markup language): HTML은 하이퍼 마크업 언어markup language: tag를 사용한 문서 정리 언어&lt;!DOCTYPE html>: HTML문서라는 선언HTML &lt;tag>: HTML tag는 기본적을 쌍으로 표

약 23시간 전
·
0개의 댓글
·