본문 바로가기

Project45

백엔드 프로젝트 1주차 (Learn HTML) - 4 Semantic HTML 🎯Introduction to Semantic HTML 웹페이지를 만들 때, 의미가 없는(non-semantic) HTML과 의미가 있는(semantic) HTML을 혼합하여 사용함. semantic이라는 것은 "의미와 관련된"이라는 뜻이며, semantic 요소는 오프닝과 클로징 태그사이의 정보를 포함함. Semantic HTML을 사용함으로써, 우리는 어떻게 보여지는지가 아닌 어떤 의미를 지니는지에 기반하여 HTML 요소를 선택함. 태그 안에 어떤 의미가 있는지에 대한 정보를 제공하지 않는 와 과 같은 요소들은 semantic 요소가 아님. 예를 들어 요소를 사용하여 제목(header)의 정보를 보유하는 대신, 우리는 라고 하는 요소를 사용함. 태그를 태그 대신 사용함으로써,.. 2023. 9. 11.
백엔드 프로젝트 1주차 (Learn HTML) - 3 Forms 🎯Introduction to HTML Forms 형식은 일상 생활의 한 부분으로, 실생활에서 물리적 형식을 사용할 때, 정보를 적어서 누군가에게 주어 처리하게 함. 직업, 은행 계좌와 같은 다양한 응용 프로그램을 위해 작성하거나 완성된 추천 카드를 보내야만 했던 때를 생각해보면, 각각의 사례는 모두 형식의 일종이라고 할 수 있음. 물리적 양식과 마찬가지로 HTML의 요소는 다른 곳으로 보낼 정보를 수집하는 역할을 함. 인터넷을 검색할 때마다 많은 형식을 접하게 되며, 우리는 심지어 이를 깨닫지 못할 수도 있음. 텍스트 필드에 입력하거나 입력을 제공하는 경우, 입력하는 필드가 의 일부일 가능성이 높음. 이제부터 의 구조와 구문, 그리고 그것을 구성하는 여러 요소들에 대해 살펴볼 것. 🎯How .. 2023. 9. 9.
백엔드 프로젝트 1주차 (Learn HTML) - 2 Tables 🎯Introduction to Tables 인터넷에는 주가, 스포츠 점수, 청구서 데이터 등의 정보를 보여주는 웹사이트가 많음. 이러한 데이터들은 표로 정리되어 있으며, 이는 표(table)가 데이터를 가장 잘 보여주는 방법 중 하나라는 것을 의미함. HTML의 요소는 이차원 표로 정보를 보여줌. 🎯Create a Table 데이터를 표시하기 전에, 우선 요소를 사용하여 데이터를 포함하는 표를 만들어야 함 요소는 우리가 보여지길 계획하는 모든 표로 나타나지는 데이터들을 포함할 것. 🎯Table Rows 표를 사용하는 많은 프로그램들에서, 표는 이미 사용자에게 정의되어 있으며, 이는 데이터를 저장할 행, 열 및 칸을 포함한다는 것을 의미함. HTML에서는 이러한 구성 요소를 모두 만들어야 함... 2023. 9. 7.
백엔드 프로젝트 1주차 (Learn HTML) - 1 Introduction To HTML 🎯Introduction to HTML HTML은 웹사이트에 보여지는 구성 요소 및 구조를 제공(이미지, 비디오 등). 웹사이트의 어느 곳에서 우클릭 후 inspect를 고르면, HTML 확인 가능 HTML은 HyperText Markup Language의 약자 HyperText: 컴퓨터 또는 디바이스에 나타나는 텍스트, 링크를 통해 다른 텍스트로 접근 가능(하이퍼링크와 유사). 링크는 HTML에서 웹페이지에 스타일, 기능, 하이퍼링크, 경로 등의 구성 요소를 추가할 때 사용 Markup: raw text의 구조와 표식을 정의하는 컴퓨터 언어 HTML에서, 컴퓨터는 HTML 요소로 싸여진 raw text를 번역할 수 있음 HTML을 배우는 것은 웹사이트를 만드는 첫 .. 2023. 9. 6.

티스토리툴바