HTML이 중요한 이유 – 생활코딩 이 글은 이고잉님의 오픈튜토리얼 강의를 듣고 정리한 내용입니다. HTML을 의미에 맞게 사용한다는 것 중요하다. 검색 엔진은 웹 페이지에 담긴 html 코드를 분석한다. 태그에 근거해서 정리 정돈한다. 현대 사회에서 검색 엔진의 위상을 고려해 볼 html의 의미에 맞게 사용한다는 것은 비즈니스 측면에서 중요하다. 또 신체적 장애가 있는 분들이 사용하는 청각화 장비도 html을 … 더 읽기
HTML 코딩 실습 환경 준비 – 생활코딩 HTML 코딩 실습 환경 준비 – 생활코딩 이 글은 이고잉님의 오픈튜토리얼 강의를 듣고 정리한 내용입니다. 준비 강의에서는 atom editor로 진행하지만, 나는 vs code를 사용하기로 했다. 바탕화면에 web이라는 디렉터리를 만든다. 프로젝트에 사용할 파일은 이곳에 저장한다. 강의 목표 오픈 튜토리얼 html 강의의 목표는 아래와 같은 웹 페이지를 만드는 것이다. 강의에서 … 더 읽기
웹 개발을 위한 vscode setting 시작할 때 알면 좋은 것 시작 오픈튜토리얼은 https://opentutorials.org/course/3084에서 배울 예정이다. 하핫. 책까지 사버렸다. 생활코딩!
HTML에서 많이 쓰이는 대표적인 6가지 태그 youtube 참고영상 html에서 가장 많이 쓰이는 태그 6종 <div> : 영역을 정의한다. (division) <p> : 문자 정보의 단락을 정의한다. (paragraph) <img/> : 이미지를 첨부한다. (image)(Empty element) <imput/> : 입력값을 받을 수 있는 창을 만든다. (Empty element) <button> : 버튼을 추가할 수 있다. <a> : hyperlink를 추가할 수 있다. <div>와 … 더 읽기
Anatomy of an HTML document HTML 문서의 구성 <!DOCTYPE html> <html> <head> <meta charset=”utf-8″> <title>My test page</title> </head> <body> <p>This is my page</p> </body> </html> HTML document의 시작은 <!DOCTYPE html>로 시작한다. A DOCTYPE is a required preamble. DOCTYPE은 필수적인 서문입니다. DOCTYPEs are required for legacy reasons. When omitted, browsers tend to use a different rendering … 더 읽기
Attributes example Attributes contain extra information about the element that won’t appear in the content. Anchor for a hyperlink. <a> : a는 anchor를 뜻한다. hyperlink를 끌어오는 느낌으로 anchor를 사용하는 듯하다. 각 element마다 사용할 수 있는 attributes가 다른 듯하다. a의 경우 대표적으로 href, title, target을 사용할 수 있다. Boolean attributes values 없이 쓰이는 경우가 있다. 이 경우 … 더 읽기
HTML 배우기 시작하기 앞서서… 노마드 코더님이 ‘개발자의 인생을 바꾸는 언어’라는 내용으로 영상을 올리셨다. 가장 중요한 언어는 다름 아닌 영어라고 한다. 영어를 공부의 목적보단 수단으로 삼아서 익히라고 한다. 그래서 되도록 개발 공부를 할 때는 영어를 이용해서 공부하고자 한다. HTML HTML은 프로그래밍 언어라기보단 웹페이지의 구조를 지정하는 마크업 언어의 일종이다. html은 일련의 html elements로 구성된다. elements는 tag를 붙여 … 더 읽기
