[HTML] 줄 바꿈 태그와 이미지 태그(+속성)

줄 바꿈 태그 : br, p

• 줄을 바꾸고 싶다면?
• 'html new line tag' 검색  /  'html paraghaph tag' 검색

<br> 줄바꿈(엔터)
<p>단락나누기</p>         p=paragraph

 

최후의 문법 속성 & img

• 속성 : 태그의 심화된 문법
• unsplash.com 저작권 없는 공공재 이미지 싸이트

<img scr="이미지파일.jpg" width="000">
태그 <img>
속성 src=source / width
속성은 태그 내에만 있으면 어디에 위피해도 상관없다.
속성은 태그 이름만으로 부족 할 때 더 많은 의미를 부여 하는 문법

 

html이 중요한 이유

어떤 코드로 글을 쓰냐에 따라 검색엔진 노출빈도가 다르다.

결과 값이 비슷해보여도 소스는 전혀 다르다.

웹에 글을 쓴다는 것은 내부적으로 html코드를 생산하는 행위이다.

검색엔진에 제목(<h1>~</h>)코딩으로 쓴 글과 본문코딩으로 쓴 코딩 중 더 상위노출이 되는 검색어는 제목이다.

 

웹의 핵심 철학은 접근성(accessibility)

• 모든 운영체제에서 동작하고 웹페이지의 소스코드는 누가나 볼 수 있으며 저작권이 없는 순수한 공공재인 웹.
• 신체적인 장애가 있는 분들도 정보로부터 소외 받지 않도록 노력해야한다.
• html로 쓰여진 글자 정보들을 청각화해서 시각 장애가 있는 분들도 정보에서 소외 받지 않도록 해야한다. 그런 기술의 첫 출발은 html의 태그를 정확하게 알고 의미에 맞게 사용 하는 것이다.

오늘의 궁금증?

- scr="이미지파일" 다른 파일에 있던 이미지 파일을 썼더니 사진에 오류가 떠요??

scr="경로폴더/이미지파일"

이미지파일 이름 전에 경로 폴더들을 써준다 슬래쉬나 백슬래쉬로 표시해준다.

 

오늘의 느낌점!

이제부터 소제목은 본문에서 두껍게 크기키우기로 쓰지 말고 소제목으로 코딩 맞춰 놓은걸 써야겠다고 다짐했다.