본문 바로가기

Front-End/HTML&CSS2

[HTML] HTML로 웹페이지 구조 잡기 / <header>,<nav>,<main>,<article>,<main>,<footer>,<div> [HTML] HTML로 웹페이지 구조 잡기 / ,,,,,, , 1. 웹 사이트의 머리글을 담는 상단 영역의 공간이다. 2. 사이에 들어간다. navigation의 줄임말로 메뉴 버튼을 담는 공간이다. ,,와 함께 사용한다. 피드 스토리 스킨 포럼 티스토리의 header을 작성한 코드이다. , 1. 가장 중요한 부분이다. 책으로 말하자면 본문 내용이 들어갈 부분이다. 2. 본문 정보를 담고있는 article이라고 한다. 위 사진 처럼 본문 안 내용 하나하나가 article속에 들어가 있다고 보면 된다. ... 사이에 을 넣어주면 된다. 사이에는 태그 안에 구역을 대표하는 타이틀 태그가 존재해야한다. Internet explorer는 지원하지 않기 때문에 main 속성에 role = "main"을 꼭 입력해.. 2022. 7. 22.
[HTML] HTML이란? HTML의 기본 문법, 태그와 속성 알아보기 HTML이란? HTML의 기본 문법, 태그 알아보기 '파이썬으로 크롤링하기' 포스팅에 있는 HTML문법을 그대로를 옮긴 포스팅입니다. HTML(Hyper Text Markup Language) 기본 웹사이트에서 눈에 보이는 정보나 특정 구역을 설정할 때 사용하는 언어이다. 웹사이트에서 F12키를 누르면 웹페이지의 정보를 나타내준다. 티스토리를 운영하는 사람이라면 잘 사용하지는 못해도, 스킨을 html로 꾸밀 수 있을것이다. 오른쪽에 보이는 것처럼 html이 있으면 왼쪽 화면 웹페이지가 구상되어있는 것을 볼 수 있다. 이처럼 html은 일련의 요소들로 이루어진 문서이다. 이때, 텍스트나 이미지들을 다른형식으로할지, 어떤 방식으로 동작하게 할지 만들어주는 것을 요소라고한다. 요소를 작성해보자. 텍스트컨텐츠 .. 2022. 7. 21.
반응형