전체 글
List and Table tags
목록(List) 순서없는 목록 (Unordered List) 순서없는 목록 (Unordered List) Coffee Tea Milk 순서있는 목록 (Ordered List) 순서있는 목록 (Ordered List) Coffee Tea Milk type 어트리뷰트를 사용하여 순서를 나타내는 문자를 지정할 수 있다. '1' : 숫자(기본값) 'A' : 대문자 알파벳 'a' : 소문자 알파벳 'I' : 대문자 로마숫자 'i' : 소문자 로마숫자 Coffee Tea Milk start 어트리뷰트로 리스트의 시작값을 지정할 수 있다. reversed 어트리뷰트를 지정하면 리스트의 순서값을 역으로 표현한다. Coffee Tea Milk Coffee Tea Milk 르스트는 중첩해서 사용이 가능하..
Hyperlink
HyperText의 Hyper는 컴퓨터 용어로서 텍스트 등의 정보가 동일 선상에 있는 것이 아니라 다중으로 연결되어 있는 상태를 의미한다. 이것은 HTML의 가장 중요한 특징인 link의 개념과 연결되는데 기존 문서나 텍스트의 선형성, 고정성의 제약에서 벗어나 사용자가 원하는 순서대로 원하는 정보를 취득할 수 있는 기능을 제공한다. 한 텍스트에서 다른 텍스트로 건너뛰어 읽을 수 있는 이 기능을 하이퍼링크(hyper link)라 한다. HTML link는 hyperlink를 의미하며 a(anchor) tag가 그 역할을 담당한다. Visit google.com! href 어트리뷰트 href 어트리뷰트는 이동하고자 하는 파일의 위치(경로)를 값으로 받는다. 절대 URL : 웹사이트 URL // href="h..
텍스트 관련 태그
제목 (Headings) 태그 Heading 태그는 제목을 나타낼 때 사용한다. h1부터 h6 까지의 태그가 있으며 h1이 가장 중요한 제목을 의미하며 글자의 크기도 가장 크다. 시맨틱 웹의 의미를 살려서 제목 외에는 사용하지 않도록 하자. heading 1 heading 2 heading 3 heading 4 heading 5 heading 6 글자 형태 (Text Formatting) 태그 b bold 체를 지정한다. 제목 태그와 같이 의미론적(Semantic) 중요성의 의미는 없다. This text is normal. This text is bold. This text is bold. strong b tag와 동일하게 bold 체를 사용한다. 하지만 의미론적(Semantic) 중요성의 의미..
기본 태그
1. 문서 형식 정의 tag 문서 형식 정의(Document Type Definition, DTD) 태그는 출력할 웹 페이지의 형식을 브라우저에 전달한다. 문서의 최상위에 위치해야 하며 대소문자를 구별하지 않는다. HTML5 HTML 4.01 2. HTML tag HTML 태그는 모든 HTML 요소의 부모 요소이며 웹페이지에 단 하나만 존재한다. 즉, 모든 요소는 HTML 요소의 자식 요소이며 HTML 욧 내부에 기술해야 한다. 단 는 예외이다. 3. head tag haed 요소는 메타데이터를 포함하기 위한 요소이며 웹페이지에 단 하나만 존재한다. 메타데이터는 HTML 문서의 titlem, style, link, script에 대한 데이터로 화면에 표시되지 않는다. head 요소에는 메타데이터 이외의 ..
시맨틱 웹(Semantic Web)
검색엔진은 로봇(Robot)이라는 프로그램을 이용해 매일 전세계의 웹사이트 정보를 수집한다.(이것을 크롤링 이라한다) 그리고 검색 사이트 이용자가 검색할 만한 키워드를 미리 예상하여 검색 키워드에 대응하는 인덱스(색인)을 만들어 둔다.(이것을 인덱싱이라 하며 검색엔진의 인덱서가 이를 수행한다.) 인덱스를 생성할 때 사용되는 정보는 검색 로봇이 수집한 정보인데 결국 웹사이트의 HTML 코드이다. 즉, 검색 엔진은 HTML 코드 만으로 그 의미를 인지하여야 하는데 이때 시맨틱 요소(Semantic element)를 해석하게 된다. HTML로 작성된 문서는 컴퓨터가 해석할 수 있는 메타데이터와 사람이 사용하는 자연어 문장이 뒤섞여 있다. Hello Hello 해당 코드의 결과는 같은 모습이다. 그러나 1행의 ..
1. HTML
HTML (HyperText Markup Language)은 웹페이지를 기술하기 위한 마크업 언어이다. 웹페이지의 내용(content)와 구조(structure)를 담당하는 언어로써 HTML 태그를 통해 정보를 구조화하는 것이다. HTML5 문서는 반드시 로 시작하여 문서 형식(documnet type)을 HTML5로 지정한다. 실질적인 HTML documnet는 2행부터 시작되는 과 사이에 기술한다. 사이에는 documnet title, 외부 파일 참조, 메타데이터의 설정 등이 위치하며 이 정보들은 브라우저에 표시되지 않는다. 웹 브라우저에 출력되는 모든 요소는 와 사이에 위치한다. Hello World 안녕하세요! HTML5 HTML documnet는 .html 확장자를 갖는 순수한 텍스트 파일이다...
![[알고리즘 예제][그래프탐색]BFS](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbDwoKa%2Fbtq8W57LBv4%2Fn5nRfKUBYkKgPhbWkK00x0%2Fimg.png)
[알고리즘 예제][그래프탐색]BFS
void BFS(int node){ bool visited[MAX] = {false}; queue q; q.push(node); visited[node] = true; while(!q.empty()){ int cur = q.front(); for(int next=0; next
![[C++][백준 BOJ]2178_미로 탐색.](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcMA93t%2Fbtq8Zh7JXhb%2FP8eJgNTIEv1iTqiUTFIe0K%2Fimg.png)
[C++][백준 BOJ]2178_미로 탐색.
문제 번호 https://www.acmicpc.net/problem/2178 2178번: 미로 탐색 첫째 줄에 두 정수 N, M(2 ≤ N, M ≤ 100)이 주어진다. 다음 N개의 줄에는 M개의 정수로 미로가 주어진다. 각각의 수들은 붙어서 입력으로 주어진다. www.acmicpc.net 알고리즘 분류 그래프탐색(BFS) 문제 풀이 그래프 탐색 기법인 BFS를 이용하여 주어진 미로를 탐색하는 문제이다. BFS를 이용하면 비 가중치 그래프에서 최단경로를 알 수 있다. DIST라는 2차원 배열을 사용한다. DIST배열의 각 원소들은 시작점으로부터 각 좌표까지의 최단경로의 길이를 나타낸다. // BFS int Solution(int Start_x,int Start_y){ queue q; q.push({Sta..