생각 작업실 The atelier of thinking

13일차  을 아시나요?  우리는 인터넷과 함께 살아가고 있다. 대략 평균적으로 하루에 8시간가량 사용하고 있다고 한다. 어찌보면 잠자는 시간보다 더 많이 인터넷을 사용하는 데 쓰고 있다. 하루에 수시로 인터넷의 웹페이지를 접속하고 이용하는 데 과연 웹페이지에 대해서는 얼마나 알고 있을까. 웹페이지는 안다고 해도 과연 을 아는지 물어봤을 때 안다고 대답하는 비율이 궁금하다. 우리가 인터넷의 웹페이지를 본다는 것은 을 보고 있다는 것을 알고 있을까? 인터넷의 웹페이지를 한 꺼풀 들어올려 알아보자.  지금 네이버 페이지에 들어가서 마우스 우클릭을 한 후 맨 아래 검사를 선택하면, 아래와 같이 우측에 생소한 코드들이 나타난다.     우측 위에 있는 은 이 시작한다는 것을 의미한다. 우리가 매일 보는 인터넷..

1. 모달의 부분 앞서 소개했던 JavsScript 예제로 소개한 모달에서 HTML 부문만 따로 떼어내서 보면 아래와 같습니다. 2024.03.05 - [웹(Web) 이야기] - 24. 예제 - 모달 Modal 24. 예제 - 모달 Modal 지금까지 HTML, CSS에 이어 JavaScript를 HTML에 연결시키는 방법에 대해 알아봤습니다. 처음 JavaScript를 접했을 때 제일 어려웠던 부분이 변수, 객체, 배열, 반복문, 조건문 등등 생소한 용어들인데다 thinking-atelier.tistory.com Image Modal Modal 1. HTML에 이미지와 모달창을 만든다. × 모달이 나타날 부분 모달의 원리는, 부분을 클릭하면, 부분이 큰 창으로 나타나는 것입니다. 그리고 "X" 를 클릭..

앞서 HTML의 기본 태그와 텍스트 관련 태그에 관해서 알아봤습니다. 정리된 태그는 아래와 같습니다. 제목 단락 순서없는 리스트 순서있는 리스트 bold 글자를 진하게 글자를 진하게 emphasized 기울여서 강조 italic 이탤릭 기울이기 underline 밑줄 insert 추가하기 밑줄 하이라이팅 취소선 위첨자 : X2 아래첨자 : H2O 이번 회차에는 웹페이지에 그림이나 사진을 추가할 수 있는 태그에 대해 알아보겠습니다. 1. 이미지 태그 ( image tag ) - 그림이나 사진을 추가할 수 있는 태그는 태그입니다. 태그 사용법은 아래와 같습니다. * src : 이미지 파일의 URL, 필수 속성 * alt : 이미지가 없거나 손상되는 등 이미지를 출력할 수 없는 경우 출력되는 문자열 * wid..

HTML은 웹페이지가 웹브라우저에 읽혀지기 위한 약속입니다. 기본구조를 나타내는 태그인 , 프레미엄 피자 블랙타이커 슈림프 블랙앵거스 스테이크 베스트 콰드로 클래식 피자 슈퍼 수프림 베이컨체다치즈 페퍼로니 ▶ 마커 태그안에 'type' 속성을 사용할 수 있습니다. type = "1" 디폴트 1,2,3 type = "A" A,B,C, ... type = "a" a,b,c, ... type = "I" I, II, III, ... type = "i" i, ii, iii, ... 'start' 속성을 사용하여 시작값을 정할 수 있습니다. 3. 순서없는 리스트(unordered list) - ... 프레미엄 피자 블랙타이커 슈림프 블랙앵거스 스테이크 베스트 콰드로 클래식 피자 슈퍼 수프림 베이컨체다치즈 페퍼로니 ..

1. HTML HTML은 "Hypertext Markup Language"의 약자로, 웹 페이지를 만들기 위한 표준 마크업 언어입니다. HTML은 웹 페이지의 구조와 내용을 정의하는 데 사용되며, 텍스트, 이미지, 링크, 목록, 표 등과 같은 요소들을 사용하여 문서를 구성합니다. HTML은 웹 브라우저에서 읽혀져서 사용자에게 시각적인 웹 페이지로 표시됩니다. HTML 문서는 일반적으로 태그(tag)라 불리는 마크업 요소들의 집합으로 이루어져 있습니다. 태그는 각 요소의 시작과 끝을 나타내며, 일반적으로 시작 태그와 종료 태그는 와 로 표현됩니다. Hyper Text 하이퍼링크(hyperlink)를 정의하여 문서의 내용과 내용을 연결한 텍스트. 한 문서에서 다른 문서로 접근할 수 있는 텍스트를 가리킨다. ..

코딩을 시작할 때 'HTML'를 추천하는 이유는 우리가 매일 접하는 인터넷 사용과 밀접한 관계가 있기 때문에 접근하기가 쉽다는 것이 가장 큰 부분입니다. 우리가 인터넷에서 가장 많이 접하는 것인 웹(Web)이라 할 수 있습니다. 사실 웹(Web) 이란 말은 처음에 익숙하지는 않았습니다. 우리가 "인터넷에서 찾아봐" 혹은 "홈페이지에 들어가봐" 라고 말하지 웹사이트를 찾아봐, 웹페이지를 확인해봐 등 웹이란 말은 잘 사용하지 않았던 것 같습니다. 'HTML' 은 이 웹페이지를 만드는 가장 기초적인 언어입니다. 우리가 매일 접하고 있는 웹페이지의 한꺼플 아래 위치해 있습니다. 즉, 우리는 매일 HTML을 접하고 있다고 할 수 있습니다. 이러한 이유로 HTML로 코딩을 시작한다면 쉽게 입문할 수 있을 것입니다...