Web/HTML5 & CSS3

[HTML5/CSS3] 테이블 (Table)

테이블(Table)은 HTML에서 표를 만드는 데 사용하는 태그입니다. 1 2 1 2 테이블은 로 시작해 로 끝납니다. 태그 내부에 은 행을, 는 각 행에 있는 셀을 의미합니다. 에서 border 속성을 사용하면 테두리의 두께를 지정할 수 있습니다. 1 2 1 2 태그를 사용하면 테이블의 각 셀에서 '제목'을 표시할 수 있습니다. 날짜 매출 2019.08 2,000 2019.09 3,300 만약 셀에 같은 내용이 있고, 이들 셀을 병합해야 한다면 colspan을 사용하여 원하는 셀만큼 병합할 수 있습니다. 날짜 현매출 전매출 2019.08 2,000 2019.09 3,300 4,000 셀 대신 행을 병합해야 한다면 rowspan을 사용합니다. 날짜 현매출 전매출 2019.08 2,000 2,000 201..

[HTML5&CSS3] 목록 관련 태그

1. ul 순서 없는 목록을 만듭니다. 자동자 비행기 자전거 2. ol 순서가 있는 목록을 만듭니다. 자동자 비행기 자전거 1과 2에서 는 목록 자체를 지정하는 태그입니다. 이 태그 안에 목록 태그를 다시 집어넣어서 중첩된 목록을 만들 수 있습니다. 자동자 비행기 자전거 두발 자전거 세발 자전거 한발 자전거 3. dl 특정용어를 설명할 때의 목록 태그입니다. 태그로 시작해 태그로 정의할 용어를 지정하고 태그로 설명 목록을 만듭니다. 비행기 빠른이동수단 통계적으로 가장 안전함 다른 이동수단에 비해 비쌈

[HTML5&CSS3] 글자 관련 태그

1. 제목 h1 부터 h6 까지 사용할 수 있으며 뒤의 숫자가 작을 수록 큰 글씨를 보여줍니다. AAA BBB CCC DDD EEE FFF 2. 본문관련 태그 특정 내용을 본문으로 표현하고자 할때는 기본적으로 p(paragraph)태그를 사용합니다. Hello, World! Nullam id dolor id nibh ultricies vehicula ut id elit. Nulla vitae elit libero, a pharetra augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ligula porta felis euismod semper. Donec sed odio dui. 더불어 줄넘김을 하고자 하는 경우 태..

[HTML5/CSS3] 문법 기본 사항

● 기본구조 웹 문서의 기분구조는 대략 다음과 같습니다. 저는 기본 에디터로 서브라임텍스트를 사용합니다. 서브라임텍스트에서 html문서를 저장하고

[HTML5/CSS3] HTML5의 활용

HTML5는 단순히 웹페이지의 작성을 넘어서 스마트폰에서의 앱이나 일반 PC에서의 데스크탑 애플리케이션을 개발하는데도 활용되고 있습니다. 물론 HTML5로 작성된 웹 페이지를 애플리케이션으로 전환하기 위해 몇몇 도구를 사용할 수 있는데 여기서는 2개정도를 간단히 알아보고자 합니다. 우선 PC용 애플리케이션의 변환을 위한 '일렉트론(Electron)'이라는 것이 있습니다. PC용 애플리케이션을 만드는데 사용되는 오픈소스프레임워크로, 2013년 GitHub가 아톰이라는 편집기를 개발하기 위해 만들었습니다. 마이크로소프트의 스카이프나 비주얼 스튜디오 코드라는 편집기 또한 일렉트론을 통해 개발되었습니다. PC용 애플리케이션 말고 모바일용 앱을 위한 것으로는 '리엑트 네이티브(React Native)'라는 것이 ..

[HTML5/CSS3] 인터넷과 웹 그리고 웹 브라우저

1. 인터넷 ​ 우선 인터넷은 전세계를 연결하는 국제통신망이며 웹은 그 통신망에서 돌아가는 하나의 서비스에 불과합니다. 인터넷과 웹을 혼동해서는 안됩니다. ​ 인터넷은 소련에서 인공위성을 발사하게 되자 위협을 느낀 미국이 새로운 기술개발을 목표로 하는 ARPA(Advanced Reserch Projects Agency)를 세우고 ARPA가 ARPANET을 개발하면서 시작합니다. ARPANET의 목표는 서로 떨어져 있는 컴퓨터를 연결하여 적의 공격으로 인한 손실에 대비해 중요한 데이터를 전송하고 저장시키는데 있었습니다. 처음에는 미국 국방성과 일부 대학교만을 연결했지만 시간이 지나면서 서로 연결되는 범위가 넓어지고 이로 인해 ARPANET은 민간용과 군사용(MILNET)으로 나뉘어 지게 됩니다. 여기서 민..