목록99.Study/99-1.HTML (3)

YJWANG

2.HTML semantic tag

이미지 출처 https://velog.io/@wan-seung/Semantic-Web-and-Semantic-Tag HTML의 semantic tag는 각 tag의 속한 다른 tag및 요소들이 web page에서 어떤 부분을 가리치고 있는지 나타냅니다. 위와 같은 semantic tag를 이용하여 웹 페이지를 구조화할 수 있습니다. 아래 코드만으로는 다른 점을 찾기 어렵지만 CSS와 함께 웹페이지를 꾸미다보면 구조화 하는 것이 편함을 알 수 있습니다. 2번 실습 first navigation 메뉴1 메뉴2 First 첫번째 목차에 해당되는 내용입니다. Second 두번째 목차에 해당되는 내용입니다. +82-1234-5678
99.Study/99-1.HTML 2021. 10. 21. 13:41
1.HTML 자주 쓰는 태그

이전 포스팅에서는 HTML을 시작하기 위한 기본적인 내용 전체를 알아보았고. 이제 규약인 Tag 중 자주 쓰이는 Tag를 중심으로 알아보려합니다. 어쨌든 많이 써보고 찾아보고 활용해 보는 것이 익숙해지기 가장 빠른듯합니다. 제목 태그 word나 대부분의 text editor에 있는 제목을 표기합니다. 1번 제목 2번 제목 3번 제목 4번 제목 5번 제목 6번 제목 단락 및 줄 바꾸기 태그 단락 태그를 이용하면 단락 안에 있는 text 앞 뒤로 공백이 생겨 phrase를 구분할 수 있게됩니다. 또한 text를 editor 상에서 enter로 줄을 구분하여도 html에서는 줄이 구분되지 않습니다. 태그를 이용하여 줄을 바꿔줍니다. 첫 번째 단락의 내용 aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa..
99.Study/99-1.HTML 2021. 10. 21. 12:10
0. HTML 기초

HTML5는 여러 브라우저에서 동일한 HTML Source를 표준으로 사용하기 위해 고안됐습니다. 이전에는 각 브라우저마다 지원하는 태그명이 다른 경우가 있어 동일한 코드로 서비스하기에 어려움이 있어 크로스 브라우징을 지원하는데에 많은 노력이 필요했다고합니다. Tag HTML5 태그는 소문자로 표기합니다. ex) 대부분의 태그는 여는 태그 닫는 태그가 있으며 여는 태그는 와 같은 형태이며 닫는 태그는 와 같은 형태이다. 단, 와 태그는 닫는 태그가 없습니다. 들여쓰기 HTML 태그는 여러 번 띄어쓰기를 하더라도 한 칸의 공백으로 인식합니다. 코드 가독성을 위해 적절한 띄어쓰기를 유지하여 코드를 관리합니다. list1 list2 list3 Tag의 속성 태그 안에는 태그 값들을 추가로 설명하거나 설정할 수..
99.Study/99-1.HTML 2021. 10. 21. 11:26
이전 Prev 1 Next 다음