본문 바로가기

HTML

[HTML] ul, ol, li 태그 (리스트 태그) 순서 없는 리스트 태그는 순서 없는 리스트를 표현할 때 사용한다. type 속성에는 disc(default 값, 검은색 원), circle(빈 원), square(검은색 네모), none(아무것도 없음) 등이 있다. 12345678910111213141516171819202122232425살 것 샴푸 린스 수건살 것 샴푸 린스 수건 살 것 샴푸 린스 수건살 것 샴푸 린스 수건살 것 샴푸 린스 수건cs 순서 있는 리스트 태그는 순서가 있는 리스트를 나타낼 때 사용한다. type 속성에는 1(아라비안 숫자), a(알파벳 소문자), A(알파벳 대문자), i(로마자 소문자), I(로마자 대문자) 등이 있다. 123456789101112131415161718192021222324252627282930설치 순서 홈.. 더보기
[HTML] HTML 문서에 CSS 링크하기 CSS란 Cascading Style Sheets의 약자로 HTML, XHTML, XML 같은 문서의 스타일을 꾸밀 때 사용하는 스타일 시트 언어이다. HTML로 문서의 뼈대를 만들면 CSS는 이 문서의 화장을 맡고 있는 셈이다. 글꼴이나 크기, 배경색과 위치 등을 지정하거나 웹 브라우저, 스크린 크기, 장치에 따라 화면이 다르게 표시될 수 있도록 지정할 수도 있다. HTML 문서에서 style 태그를 이용해 내부 스타일 시트로 꾸며줄 수 있지만 수정할 때 번거로움이 생긴다는 단점이 있다. 반대로 CSS 파일을 외부에 따로 만들어주는 외부 스타일 시트를 이용해서 분리하면 수정이 용이하다는 장점이 있다. HTML 문서에 CSS 링크하는 방법은 다음과 같다. HTML 문서에 CSS 링크하기 우선 HTML 문.. 더보기
[HTML] 리눅스에서 html 파일 여는 법 DocumentRoot의 기본값인 /var/www/html 로 이동한다. 그 경로에서 확장자가 html인 파일을 작성한다. 예를 들어 test.html을 작성했다고 치면, 크롬 주소창에 서버 IP 주소/test.html 을 입력해준다. 그러면 실행된다. 더보기
[HTML] HTML 문단, 목록, 링크, 이미지, 표 태그 문단 정렬 텍스트와 이미지 등 인터넷 문서에서는 왼쪽 정렬을 기본으로 한다. 텍스트를 정렬시키는 태그이다. 태그 사이에 들어간 내용들은 ALIGN 속성에서 지정한대로 왼쪽, 가운데, 오른쪽으로 정렬한다.ex)놀러가고 싶다여행가고 싶다 출력 결과 의 집합 문단 구분 개행 해주는 태그ex)놀러가고 싶다 여행가고 싶다 공부하기 싫다 과제하기 싫다 출력 결과 문단과 문단 사이에 공백라인이 들어간다.ex)놀러가고 싶다 여행가고 싶다 공부하기 싫다과제하기 싫다 출력결과 영역 구분 문단이나 영역의 제목 구분한다. ~ 순서로 되어 있으며, 뒤로 갈수록 글씨 크기와 진하기가 감소한다. 선을 그어 문단을 나누어주는 태그로, 선의 두께와 길이, 위치 등을 지정하는 속성이 있다. 선의 위치를 왼쪽, 가운데, 오른쪽으로 지정해.. 더보기
[계획] 2017년 7월 1일 토요일 오늘 계획은 HTML을 끝내고 JavaScript를 맛보려고 했다. 오늘 HTML의 의미와 구조, 기본적인 태그에 대해서만 공부했다. 중간에 이 태그인지 그냥 선언문인지에 대해 고민하고 헷갈려하느라 시간을 많이 허비했다. 선배가 말해준듯이 크게 중요하지 않은 부분에서 보내는 시간을 줄여야겠다. 내일 계획 - 나머지 HTML 태그 (구조와 종류)- JavaScript의 의미, 배우는 이유, 쓰는 법, 특징 등에 대해 조사- PHP (시간이 되면) 얼른 웹을 따라잡고 네트워크도 다시 정리해야겠다. 더보기
[HTML] HTML 기본 태그 HTML 기본 태그 문서의 시작과 끝임을 알린다. 문서의 일반적인 정보를 제공(메타 데이터, 문서 이름, 외부 파일 링크) 문서의 본문을 나타내기 위한 태그body 속성에는 크게 배경 , 링크, 여백 관련 속성들로 이루어져 있다. 배경의 색을 바꿔준다. 보통 브라우저의 배경색은 윈도우의 디폴트 색인 회색이다. 색상은 색상명(Black, White, Blue 등) 과 헥사코드 값으로 나타낼 수 있는데 헥사코드란 색상의 R, G, B 값을 16진수로 나타낸 것이다.ex) 빨간색 배경 초록색 배경 파란색 배경 배경이미지를 지정해주는 속성ex) 문서 전반에 쓰이는 문자의 색깔을 지정해주는 속성ex) 빨간색 글씨 링크된 텍스트의 색깔을 바꿔준다. 기본적인 색은 파란색이다. 링크에 관련된 태그에서 언급한다. 방문했.. 더보기
[HTML] HTML 구조 HTML의 구조 여러 요소들(Elements)로 구성된다. 최상위 요소는 이며, 이 요소 안에는 : 문서 자체의 제목, 요약, 외부 정보(문서의 정보)- : 문서에서 보여주는 모든 내용(시각적인 모든 요소) 다음은 간단한 HTML 문서의 구조를 시각적으로 표현한 코드이다. DOCTYPE html> 제목 단락 DTD 선언 DTD란 문서 형식 지원(Document Type Definition)을 뜻하며, 작성중인 HTML이 어떤 버전인지 알려주기 위해 선언한다. HTML은 버전별로 지원하는 태그가 다르기 때문에 문서 처음에 선언문을 추가해야 한다. 현재 HTML5가 가장 널리 쓰이기 때문에 을 선언해주지 않으면 HTML5이 아닌 다른 버전으로 인식될 수 있다. 더보기
[HTML] HTML HTML HTML(Hyper Text Markup Language)란 비순차적으로 웹 문서를 표시할 수 있도록 작성된 언어로, 웹 사이트를 만들기 위해서는 HTML이라는 언어를 사용해야 한다. ASCII 문자로 구성되었고 이 언어는 웹 브라우저에서 해석이 가능하므로 별도의 컴파일러가 필요 없다. Hyper Text 텍스트는 상대방에게 의미를 전달하는 것을 목적으로 하는 데이터로, 숫자, 문자, 기호 등으로 표현한다. 텍스트에 접근하는 방법은 순차적이다. 책으로 예를 들면, 목차에서 원하는 정보가 있는 페이지를 찾고 그 페이지로 넘긴 후 위에서부터 읽으며 원하는 정보를 찾는다. 하지만 하이퍼텍스트는 아니다. 원하는 정보를 찾아 다른 페이지로 이동, 또는 같은 페이지 내의 다른 데이터로 이동하는 것이 하이퍼.. 더보기