컴퓨터와 사람이 모두 이해할 수 있는 컴퓨터 언어의 문법에 맞게 코드를 작성하는 프로그램 -> 편집하는 프로그램 = 에디터(editor)
ex) 윈도우 - 메모장 ...
필요한 편집기를 찾아낼 수 있는 능력.
web page 확장자 .html
<strong> </strong> 태그
태그는설명하는 것이다. -> 문법을 어떻게 설명할 것인가?
strong은 강조하는 것을 말하는구나. (비유)
처음 배우는 것은 너무나 쉽지만, 제일 중요한 것이다.
예제를 먼저 보고 -> 추론하여, 정의를 보는 것이 훨씬 좋다.
앞에있는 것들을 응용하면 편리하다.
항상 통계를 기반으로 무엇을 공부할까 판단했으면 좋겠다.
<br> 줄바꿈 시각적인 의미만 갖고 있기 때문에 감쌀 필요가 없다.
<p>This is some text in a paragraph.</p>어디서부터 어디까지가 한 단락인지 나타내기 때문에 닫는 태그가 필요하다.
정보로써 단락이라는 표시를 나타내주니, 문장의 정보를 전달할 때는
태그 사용하자.
응용으로 가는 과정으로서 기초가 중요하다는 뜻인 경우가 많다.
** 웹을 갖고 있는 본래의 의미, 정보를 탄탄히 하는 것이 훨씬 중요한 이슈다. **
핵심
이미지로 글을 쓰는 경우가 많은데, 이건 검색 엔진에게는 존재하지 않는 페이지가 된다.
-> 나중에는 큰 손해가 된다.
이것은 비즈니스 측면에서 정말 생명줄과 같이 중요한 문제다.
웹의 핵심적인 철학은 접근성.
웹은 모든 운영체제에서 동작하고, 소스코드는 누구나 볼 수 있고, 웹은 저작권이 없는 순수한 공공재다.
신체적인 장애가 있는 분들도 정보로부터 소외되지 않도록 노력해야한다.
-> ex) 시각적 장애가 있는 분들은 시각적인 정보를 청각화해서 정보를 접하게 된다.
-> 웹페이지를 이쁘게 만들고 싶어서 문자까지 통으로 이미지로 만든다면, 시각장애가 있는 분 들에게는 존재하지 않는 정보가 된다.
** HTML은 휴머니즘 측에서도 굉장히 중요한 기술이다 **
사진 참조
https://unsplash.com/
태그가 서로 포함관계로 연관 있을 때
<parent>
<child></child>
</parent> 목차(목록)를 쓸 때 사용하려고 어떤 태그를 고안되었다. -> list (li)
li 항목들이 어디서부터 어디까지가 연관된 항목인지를 경계를 짓기 위해 부모 태그가 필요함. -> ul
순서가 있는 태그 <ol> / 순서가 없는 태그 <ul>
<meta charset="utf-8">
character -> 문자 set -> 규칙
charset : utf-8로 문서를 읽어라
-> 본문은 body 태그
-> 본문을 설명하는 태그는 head 태그
-> 이 문서는 html이다. 관용적 표현
a 태그 : 링크 (Hypertext)
-> 링크 주소 참조할 때 href 사용하는데, h(ypertext) + reference(참조)
