no image
HTML styling
거의 모든 태그는 style = "" 라는 속성을 열 수 있다. 안에 스타일 이름 : 스타일 값 형식으로 스타일을 넣어주면 된다. 여러 개를 넣고 싶다면 , 대신 ; 을 넣어주어 나열시켜주면 된다. 자주 사용하는 글자 스타일들 font-size : 20px; font-family : 'gulim'; color : black; letter-spacing : -1px; text-align : center; font-weight : 600; 이미지 정렬과 폭 조정 display : block; margin-left : auto; margin-right : auto; width : 150px; 이미지는 width를 많이 사용한다 주로 px 혹은 %로 크기를 조정한다. %는 부모태그의 최대 크기에 맞게 계산하는 ..
2023.09.01
no image
HTML tag
HTML은 로 작성한다. 태그에는 종류가 많다. 글을 작성하고 싶다면 글을 작성할 때 쓰는 태그를 작성하고 이미지를 넣고 싶다면 이미지를 넣을 때 쓰는 태그를 작성해야 한다. 기본적인 태그 목록 글 본문 글 제목 링크 버튼 리스트 리스트입력하세요 규칙 1.태그를 열었다면 으로 닫아줘야 한다. 닫지 않아도 되는 태그가 몇개 존재한다. 태그가 그 중 하나이다. 2.보통의 태그 안에 href="", src=""와 같은 속성을 집어 넣어 추가 정보를 기입할 수 있다. 3.태그 안에 태그를 넣을 수 있다. 4.용도에 맞는 태그를 사용해야 한다. 그 이유는 HTML은 마크업 언어이다. 마크업 언어는 자료의 구조를 쉽게 파악할 수 있어야 한다. 하기에 용도에 맞게 태그를 사용해야 도움이 되고 웹표준에 맞는 웹을 만들..
2023.09.01
no image
HTML basic
HTML이란? HTML은 우리가 웹페이지에 자료를 만들고 디자인하고 싶을 때 쓰는 단어이다. 웹페이지라는 도화지에 그림을 그릴 수 있도록 도와주는 언어인 셈이다. HyperText Markup Language의 약자로 Markup Language란 자료의 구조를 표현하기 위한 언어이다. 여기서 자료란 페이지에 들어가는 글 버튼 이미지 링크 등을 말하는 것으로 이러한 자료들을 내가 원하는 곳에 배치할 수 있도록 도와주는 것이 바로 HTML이다. HTML의 기본 형식 HTML의 기본 템플릿은 아래와 같다. 태그에는 사이트 생성에 필요한 인코딩형식(UTP-8), 사이트제목(title), 필요한 CSS(link href 로 연결)나 JS 파일등이 들어가며내부에는 실제 웹사이트에서 보여지는 글 그림등이 들어간다.
2023.09.01