# markup

28개의 포스트

마크업 언어

태그 등을 이용하여 문서나, 데이터의 논리적인 구조를 명시하기 위한 규칙들을 정의한 언어의 일종이다.마크업 언어는 '마크(Mark)'로 둘러싸인 언어이다.'태그(Tag)'로 둘러싸였다고도 표현한다.HTML, XML 등의 마크업 언어들은 문서의 구조를 정의한다.쉽게 말하

2022년 7월 25일
·
0개의 댓글
·
post-thumbnail

네이버 클론코딩

대한민국 최대 포털사이트인 '네이버' 클론코딩하기

2022년 7월 6일
·
0개의 댓글
·

HTML5 등장으로 달라진 마크업

log 2015. 7. 10. 17:49rev, charset : <link>, <a>shape, coords : <a>longdesc : <img>, <iframe>target : <link>nohref : <area>profil

2022년 7월 1일
·
0개의 댓글
·
post-thumbnail

HTML이란?

HTML은 Hyper TextMarkup Language의 약자입니다. 브라우저에 웹페이지가 어떻게 구조화 되어있는지 알려주는 마크업 언어이기도 합니다. Hyper 와 Markup 이라는 약자만 파악해도 HTML이 어떤 역할을 하는지 추론할 수 있습니다. Hyper과

2022년 6월 11일
·
0개의 댓글
·

ie

https://www.theverge.com/2021/5/19/22443997/microsoft-internet-explorer-end-of-support-date

2022년 4월 13일
·
0개의 댓글
·

이미지 파일 타입

https://velog.io/@gil0127/svg-vs-png-vs-jpg단순한 이미지라면 상관없지만 이미지가 복잡하면 용량도 커지고 속도 저하를 일으킴단순하고 심플한 이미지에 주로 사용구버전 IE가 지원을 안하기도 함

2022년 4월 13일
·
0개의 댓글
·
post-thumbnail

시멘틱 태그

시멘틱 태그를 사용하여 각 태그에 의미에 부합하여 검색엔진 노출에 유리하고, 웹접근성 및 개발자들이 의미론적으로 쉽게 구조를 파악하여 커뮤니케이션이 가능하고 지속적인 관리가 될 수 있도록 기준을 마련합니다.개발자로 하여금 문서의 의미론적인 구조를 쉽게 파악할 수 있게

2022년 4월 6일
·
0개의 댓글
·

자바스크립트란?

자바스크립트는 ‘웹페이지에 생동감을 불어넣기 위해’ 만들어진 프로그래밍 언어입니다. 자바스크립트로 작성한 프로그램을 스크립트(script) 라고 부릅니다. 스크립트는 웹페이지의 HTML 안에 작성할 수 있는데, 웹페이지를 불러올 때 스크립트가 자동으로 실행됩니다.HTM

2022년 3월 26일
·
0개의 댓글
·

3월 1일 (화) HTML 빠르게 마크업하기

> > div(태그이름).(클레스이름){태그안에 들어갈 내용, $를 사용하면 숫자가 들어가짐}*(숫자, 태그를 몇개 만들지 ) > > 간간히 추가적으로 연습, 많이 쓰는것 위주로

2022년 3월 1일
·
0개의 댓글
·
post-thumbnail

Github Profile 꾸미기 ✨

✨ Mark-up을 이용하여 Github Profile 꾸미기 ✨

2022년 1월 26일
·
0개의 댓글
·
post-thumbnail

[HTML] Semantic Markup

🚨 시맨틱 마크업에 대해서,,, Semantic : 의미론적인 Markup : HTML태그로 문서를 작성하는 것👉 즉 Semantic Markup 이란 의미를 잘 전달하도록 문서를 작성하는 것을 말합니다.태그를 각각에 용도에 맞게 사용해야 합니다. 헤더 : head

2022년 1월 7일
·
0개의 댓글
·

Breadcrumbs 구현하기

<nav> 태그 및 aria-label 속성 사용상위 페이지는 <a/> 태그 삽입순서가 있는 목록 → <ol/> 태그 사용 현재 선택된 페이지는 aria-current="page" 속성 사용구분자는 CSS 의 ::before 속성과 인접선택자 X + Y

2021년 11월 8일
·
0개의 댓글
·
post-thumbnail

[TIL]부트캠프 11/02

오늘은 격주로 수요일마다 성장에 도움을 주시는 임동준 강사님의 첫번째 워크샵이다. 부족한 부분에대해 피드백을 주고 받는 스프린트 회고도 진행하시지만, 이렇게 나아갈 방향에 대해 많은 정보를 워크샵을 통해 공유해주신다.제일 중요한건 내가 포트폴리오를 통해 '잘'하는 역량

2021년 11월 2일
·
0개의 댓글
·

[개발지식] HTML 실무 참고개념

head기본적으로 head는 문서에 대한 정보이며, 화면에 출력되지 않는 내부적인 정보이다.title→ 문서의 제목을 나타내며, tab에서 확인할 수 있는 정보이다.meta charset→ HTML언어에 대한 정보이다.→ 웹사이트를 출력해주기 위한 기본 폰트 설정에 대

2021년 10월 21일
·
0개의 댓글
·

HTML 소개

HTML에 대한 기본 지식입니다.

2021년 10월 4일
·
0개의 댓글
·

Filling. Layout - Product List, Survey, Survey Result

내가 담당한 부분 레이아웃

2021년 9월 13일
·
0개의 댓글
·
post-thumbnail

📚시맨틱 마크업

시맨틱 (Semantic) 은 "의미론적인" 이란 뜻이고, 시맨틱 마크업이란 그 의미를 잘 전달하도록 HTML 문서를 작성하는 것을 말한다.

2021년 8월 29일
·
0개의 댓글
·

HTML 정리

Hyper Text Markup Language (하이퍼 텍스트 문서를 기술하는 언어)간단하게 말하면 웹페이지를 만드는 마크업 언어

2021년 8월 22일
·
0개의 댓글
·
post-thumbnail

TIL - Semantic Web

우리 컴퓨터에게 친절하게 마크업합시다

2021년 8월 3일
·
0개의 댓글
·
post-thumbnail

[CSS 1차] youtube 클론코딩

마크업 공부도 할겸 youtube 클론코딩을 진행해보았습니다.작업 들어가기전에 html 구조를 상세히 나눠 보았습니다.크게 각 section별로 나누어 보았습니다.1\. meta,owner,next_list 를 묶는 div 필요2\. meta와 ownder 묶는 div

2021년 7월 19일
·
0개의 댓글
·