Be Best It Engineer

웹 사이트에서 리스트를 적용하기 위해 리스트 태그를 사용한다.1. 번호가 있는 리스트ol 태그는 order List의 약자로 순서가 있는 태그이다.번호가 지정된 리스트를 만들기 위해 ol 태그로 값들을 표현하는 태그인 li 태그로 감싼다.2. 번호가 없는 리스트ul 태그는 unorder List의 약자로 순서가 없는 태그이다.순서 즉 정렬을 하지 않고 리스트를 만들기 위해서 ul태그로 li 태그를 감싼다.

웹 페이지에 이미지를 표시하기 위해 이미지 태그를 사용한다.  1. 이미지 태그 사용방법img 태그에서 각 옵션의 의미는 아래와 같다.src사진경로alt설명height높이width너비높이와 너비에 해당하는 값은 px단위으로 설정되며 너비나 높이 중 하나만 입력했을 경우 비율에 맞게 크기가 조정된다.alt 옵션의 필요성alt 옵션이 이미지에 대한 설명을 적는다고 했는데 이 부분은 해주는게 좋다.1. 시각장애인이 이미지를 볼 수 없지만 웹 페이지에서 소리로 읽어주는 기능이 있다면 사진에 대해 의미를 전달해주기 때문에 어떤 이미지인지 보지 않고 인지할 수 있다.2. 검색엔진을 통해 검색 노출 확률이 올라간다.

텍스트 태그 웹 페이지에 텍스트를 기입할 때 사용하는 여러 텍스트 태그가 있다. 1. p tag paragraph로 문단을 입력할 때 사용한다. 2. b tag bold로 텍스트를 굵게 표시할 때 사용한다. 3. i tag Italic으로 기울어진 텍스트를 표시할 때 사용한다. 4. u tag Underline으로 밑줄을 그을 때 사용한다. 5. s 와 del tag취소선을 그을 때 사용한다. 기존에는 strike 태그를 사용했지만 최근부터 지원되지 않고 del 태그와 s태그로 대체되었다.6. br tag 줄바꿈을 할 때 사용한다. 7. h tag heading으로 글의 제목을 작성할 때 사용한다. h태그 우측의 숫자가 클 수록 글자 크기가 작아진다.8. em tag 강조를 나타낼 때 사용한다. 9. r..

메타태그는 head 태그 내에서 작성하는 태그이며, 문서의 정보를 기입할 때 사용한다. 1. 언어 설정 언어 설정을 하는 메타 태그이다. 언어 설정을 하지 않게 되면 영어를 제외한 언어는 깨져서 출력될 수 있다. 2. 키워드 입력 웹 사이트를 대표하는 키워드로 검색을 할 때 검색 키워드라고 생각하면 쉽다. 3. 설명 입력 웹 사이트가 무슨 역할을 하는지 설명을 적는 부분이다. 이러한 메타 태그들은 웹 페이지 기능에 문제를 일으키지는 않지만 태그를 자세하게 입력하면 검색 엔진에서 해당 키워드들로 검색 시 상위 노출될 확률이 높아진다.

HTML(HyperText Markup Language) HTML은 우리들이 흔히 알고 있는 프로그래밍 언어가 아니며 단순한 형태인 태그를 사용하는 마크업 언어다. 태그는 ""로 끝나는 구조를 이루고 이 HTML 태그들은 프론트엔트에서 틀을 잡기 위한 언어이다. 뼈대를 제작하는 언어로 생각하면 쉽다. HTML5의 기본 형태  1.  태그 정식명칭은 Document Type Declaration이라고 하고 의미는 "문서 형식 선언"이라고 한다. 이 태그는 브라우저로 웹 사이트를 접속했을 때 웹 문서의 형식 및 버전을 식별하기 위해 존재 하는 코드이다. 왜 써야 할까? 해당 태그가 없다고 해서 사이트가 출력이 안 되는 것은 아니다. 태그가 없이 출력하게 되면 브라우저가 쿼크 모드(Quirk Mode)로 렌더..