프론트엔드
-
Tag - 목록(list) 관련프론트엔드/HTML 2020. 8. 19. 01:35
목록만들기 HTML에서 목록 다양한 리스트가 존재한다. 우선 가장 많이 쓰이는 두 가지가 있다. ◎ unordered list(순서가 없는 목록) 항목1 항목2 항목3 항목을 나열하되 순서가 없는 경우 이를 이용한다. ◎ ordered list(순서가 있는 목록) 항목1 항목2 항목2 항목을 나열하는데 순서가 필요한 경우 이를 이용한다. 목록에 속성 주기 ◎ type 속성 항목1 // A. 항목1 출력 항목2 항목2 태그는 목록의순서가 있기 때문에 각 항목 앞에 1,2...같은 숫자가 붙는다. 태그에는 위와 같이 'type'이란 속성을 줘서 이 숫자들을 다른 종류로 바꿀 수 있다. 속성값 설명 1 숫자(기본값) a 영문 소문자 A 영문 대문자 i 로마숫자 소문자 I 로마숫자 대문자 ◎ start 속성 항..
-
Tag - 텍스트 관련 2프론트엔드/HTML 2020. 8. 18. 18:30
인라인 레벨 텍스트 태그 과 태그 - 굵게 표시하기 굵게 의미까지 강조되는 텍스트 굵게 표시하는 텍스트 과 태그 모두 텍스트를 굵게 강조해준다. 둘의 차이는 은 의미상으로도 의미가 있는 경우 사용해준다. 는 그저 텍스트 자체를 굵게하고 싶을 때 쓴다. 과 과 태그 - 이탤릭체로 표시하기 흐름상 특정 부분 강조시 em 관용구, 기술적 용어 등을 사용시 i , 모두 비스듬히 이탤릭체로 표시할 때 사용한다. 태그는 문장의 흐름상 특정 부분을 강조하고 싶을 때 사용한다. 는 꿈, 생각, 기술적 용어, 관용어 등 표시할 때 사용한다. 태그 - 인용 내용 표시하기 인라인 레벨의 인용문 태그는 와 같이 인용문을 쓰는 태그다. 하지만 는 블록레벨 단위의 인용문을 쓸 때 사용한다. 는 인라인 레벨 단위의 인용문을 쓸 때..
-
Tag - 텍스트 관련프론트엔드/HTML 2020. 8. 18. 17:24
블록 레벨의 텍스트 태그 태그 - 제목 표시하기 제목입니다 제목입니다 제목입니다 태그 안에서 글의 제목을 표시할 때 써준다. 태그는 제목을 뜻하는 'heading'의 줄임말인 h와 숫자(1~6)를 사용해 ~까지 표현한다. 태그 - 단락 만들기 단락입니다 'p'는 'paragraph'의 줄임말로, 텍스트 단락을 만드는데 사용한다. 태그 - 줄 바꾸기 줄 바꾸기 예제입니다. 줄 바꾸기 예제입니다. 태그를 쓰면 줄바꿈이 된다. 태그 - 수평 줄 넣기 줄 바꾸기 예제입니다. 줄 바꾸기 예제입니다. 이 있는 줄에 긴 수평 줄을 넣는다. - 인용문 넣기 인용문 테스트입니다 인용문 테스트입니다. 이 부분은 들여쓰기가 됩니다. 인용문 테스트입니다 사이에 텍스트를 넣어주면 해당 텍스트는 들여쓰기가 되서 다른 텍스트와 구..
-
HTML 문서 기본 구조프론트엔드/HTML 2020. 8. 18. 16:30
아래 코드는 HTML 문서의 가장 기본이 되는 형태다. 에디터에서 자동완성으로 불러오면 아래와 같은 형태의 형식이 마련된다. ◎ 현재 문서가 HTML5 언어로 작성된 문서라는 뜻. 과거에는 HTML 문서에 관한 다양한 내용을 적어줬는데 지금은 많이 간소화되었다. ◎ ~ HTML문서 가장 상위의 태그로서 웹 문서의 시작과 끝을 뜻한다. 그리고 웹 페에지 하나당 단 하나만 존재한다. 웹브라우저는 시작 태그인 을 만나면 종료 태그인 까지의 소스를 읽는다. 그리고 우리가 설정한 형식과 방법에 맞춰 브라우저에 표시함. 태그 안에 설정된 속성값인 'lang'는 문서에서 사용할 언어를 지정할 수 있다. 한국어는 'ko', 영어는 'en', 중국어는 'zh', 일본어는 'ja'다. ◎ 웹 브라우저가 웹 문서를 해석하기..
-
태그(Tag)에 관해서프론트엔드/HTML 2020. 8. 18. 15:57
태그(Tag)란? 문서에 이미지와 텍스트를 표시하는 마크업을 하기 위해 사용하는 약속된 표기법을 태그(tag)라 한다. 태그의 구성 태그는 ''로 구분한다. 태그는 '' 사이에 명령어를 넣음으로서 각종 기능을 사용할 수 있다. 예를 들어서 은 'break'의 약자로 의미는 'line break' 즉 태그를 쓰면 강제 줄바꿈을 한다. 이 외에도 , , , 등 다양한 태그가 존재한다. 태그의 사용법 태그는 일반적인 태그와 빈 태그로 나뉜다. ◎ 일반적인 태그 여는 태그와 닫는 태그 한쌍으로 이뤄진다. 예를 들면 '~'처럼 써주면 된다. 웹브라우저는 여는 태그와 닫는 태그 사이를 태그의 적용 범위로 인식한다. 일반적인 태그는 쌍이므로 꼭 여는 태그와 닫는 태그를 잘 입력해줘야 한다. ◎ 빈 태그 일반적인 태그..
-
HTML이란?프론트엔드/HTML 2020. 8. 18. 15:12
HTML(Hyper Text Markup Language)이란? Hyper Text Markup Language의 줄임말로 웹에서 자유롭게 오갈 수 있는 웹 문서를 만드는 언어. 웹개발을 할 때 웹페이지의 뼈대가 되는 언어로서 문서의 전체적인 구성이나 내용을 HTML을 통해서 구축해준다. 마크업 랭귀지(Markup language)란? 문서가 화면에 표시되는 형식을 나타내거나 데이터의 논리 구조를 명시하기 위한 규칙들을 정의한 언어의 일종. HTML의 구성 HTML 문서의 확장자는 (.html)이며 보통 태그(tag)를 통해서 HTML문서를 작성해준다. 태그는 보통 시작태그와 종료 태그 한쌍으로 이뤄지며 종료 태크의 경우 이름 앞에 슬래쉬 ("/")가 존재한다. 몇 몇 태그는 쌍이 아니라 혼자서 실행되는..