본문 바로가기

HTML

(3)
Semantic Web, Semantic Tag Semantic Web Data를 의미와 관련성을 나타내는 structured information으로 convert해 컴퓨터가 더 쉽게 처리할 수 있도록 하는 목적을 갖는 발상이다. 이를 통해 Web이 거대한 분산형 데이터베이스(distributed database)로 구축된다. 참고 링크 Sementic Web은 문서와 문서, app과 app 사이를 연결하는 게 아니라 문서의 근간이 되는 information들이 서로 연결되어 있는 Web of Data를 뜻한다. 참고 링크 cf. 정보를 연결하는 방식은 인터넷에 있는 수많은 문서들이 하이퍼링크로 연결된 Web 1.0 - Web of Documents, 그리고 data가 application단위로 나뉘어 있는 Web 2.0 - Application S..
HTML, CSS 꾸미기 보기 좋게 만들 때 쓸 것들. 기능 쪽은 이전 글. 꾸미기 관련은 그때그때 찾아쓰는데, 북마크해두었던 걸 모아봄. px, em, pt, % 등의 단위를 쓸 때 좀 맞춰줘야 적용됨. %는 부모요소의 크기 정보가 있어야 적용됨. 이럴 필요 없는 단위가 있었는데 뭐더라... padding, margin (솔직히 얘는 뇌가 싫어서 피해다니는듯) 참고 링크 input attribute text-align: input box 안에서 텍스트 정렬 letter-spacing: 자간 그 외 참고 css - input box 여러개를 한 줄로 넣기 (시뮬레이션 링크) input { display:inline; } font awesome 예제 참고 링크 버튼에 아이콘 넣기 table 만들기 참고 링크1 참고 링크2 tabl..
HTML, CSS 헷갈리는 부분들 html상의 tag에 attribute에 값 줄 때 = 사용. style이나 css에선 : 사용. html문 안에 css 섞을 때는 html상의 tag에 attribute(color, font-size, font-family 등) 추가하거나 head tag 사이에 style tag 넣어서 적용. = 말고 : 로 부여하고 ; 로 다른 attribute와 분리. head tag는 페이지 자체에 대한 정보값(title, meta, link). meta tag는 character set 뭐 쓰는지에 대한 것. self-closing tag. a tag는 href attribute에 url 또는 html 파일(상대경로 사용) 넣어서 하이퍼링크 거는 것. target attribute로 새 창에서 ..