Programming/HTML10 [HTML/CSS] HTML 태그 태그 앞서 HTML은 Hypertext Markup Language의 줄임말로 하이퍼텍스트를 작성하기 위해 개발되었다. ▶ 웹 문서를 만들기 위한 기본적인 웹 언어이다. ▶ 하이퍼링크(참조)를 통해 문서에서 다른 문서로 접근할 수 있는 텍스트이다. 마크업(Markup) 이란 표시하고자 하는 어떤 정보나 기능들을 태그(Tag)라는 형식으로 감싸는 것을 이야기한다. 마크업 언어(Markup Language)란 태그라는 형식으로 둘러진 언어를 말한다. HTML 태그란 태그(Tag) 일반적인 의미에서 식별, 구별 또는 인식을 위해 짧은 크기로 붙여 놓은 것을 말한다. 프로그래밍에서 태그란 표현의 어떤 기능의 수행을 지시하는 짧은 낱말과도 같다. 제목 글자 태그 제목 태그는 웹페이지에서 가장 많은 비중을 차즈하는.. 2024. 2. 29. [HTML/CSS] HTML 태그 태그 앞서 HTML은 Hypertext Markup Language의 줄임말로 하이퍼텍스트를 작성하기 위해 개발되었다. ▶ 웹 문서를 만들기 위한 기본적인 웹 언어이다. ▶ 하이퍼링크(참조)를 통해 문서에서 다른 문서로 접근할 수 있는 텍스트이다. 마크업(Markup) 이란 표시하고자 하는 어떤 정보나 기능들을 태그(Tag)라는 형식으로 감싸는 것을 이야기한다. 마크업 언어(Markup Language)란 태그라는 형식으로 둘러진 언어를 말한다. HTML 태그란 태그(Tag) 일반적인 의미에서 식별, 구별 또는 인식을 위해 짧은 크기로 붙여 놓은 것을 말한다. 프로그래밍에서 태그란 표현의 어떤 기능의 수행을 지시하는 짧은 낱말과도 같다. 제목 글자 태그 제목 태그는 웹페이지에서 가장 많은 비중을 차즈하는.. 2024. 2. 29. [HTML/CSS] HTTP 통신과 웹 WEB 웹(web)이란 1개 이상의 사이트(site)가 연결되어 있는 인터넷 서비스의 한가지 형태이다. 웹 사이트(web site) 인터넷에서 사용자들이 정보가 필요할 때 언제든지 그것을 제공할 수 있도록 웹서버에 정보를 저장해놓은 집합체 사이트(site) 인터넷에 들어가는 관문으로, 흔히 홈페이지 주소로 되어 있다. 인터넷(Internet) 인터넷(internet)이란 1개 이상의 네트워크가 연결되어 있는 형태를 말한다. 인터넷 서비스의 구분 URL ( http://192.110.32.11:8080 ) 프로토콜(Protocol) 네트워크상에서 약속한 통신규약으로 HTTP, FTP, SMTP POP, DHCP 등이 있다. IP 주소 네트워크상에서 특정 컴퓨터를 식별할 수 있는 주소 Port 번호 IP 주.. 2024. 2. 27. 회원가입 폼 만들기 변수(Variable) 정의와 변수 선언 변수란 어떤한 값을 담는 '상자'라고 생각하면 된다. 예를 들어 'Coupang'이란 단어(변수명)을 가진 상자(변수)가 있다고 가정한다. 상자를 보고 글만 읽는 다면, 당연히 상자 내부에 어떤 물건(String hong-study.tistory.com 회원가입 폼 만들기 인프런의 프리캠프라는 강의를 통해서 제공받은 Figma를 이용하여, 회원가입 폼을 구현해봤습니다. 해당 폼을 구현하기 위해 아래 소스코드와 같이 div 로 구역을 구분해주었습니다. 회원 가입을 위해 정보를 입력해주세요. *이메일 *이름 *비밀번호 *비밀번호 확인 남성 여성 이용약관 개인정보 수집 및 이용, 마케팅 활용 선택에 모두 동의합니다. 가입하기 해당 예제를 보시면 흰색 배경안에 각 각의 .. 2023. 10. 19. 간단한 시간표만들기 [ 표 ] 학교 과제로 간단히 시간표 만들기를 하였습니다. 사이버강의로 인해 심심하긴 한데 그래도 졸업전에 공부를 하기에는 충분한 시간이 형성되는 거 같네요 구글 검색과 혼자서 간단히 만든거니 너그럽게 봐주세요~ 먼저 HTML 소스입니다. 2020. 4. 11. WEB Browser 란 1. Web Browser : 인터넷에서 World, Wide, Web 정보를 검색하는 데 사용되는 응용프로그램 : Web Editor로 작성한 웹 문서를 확인하는 프로그램 : Web Browser는 HTML 문서를 해석하여 화면에 웹페이지를 표시한다. l Web Browser 구성 - HTML [ .html , .CSS ] 문서 → Web Page [ 구성 ] → Web Browser [ View ] - Web Browser 로 Web Page를 가져오기 위해 Web Server가 사용하는 HTTP로 통신 l Interface - URL를 입력할 수 있는 주소 표시 줄 - 이전 버튼과 다음 버튼 - 북마크 - 새로 고침 버튼과 현재 문서의 로드를 중단할 수 있는 정지 버튼 - 홈 버튼 l 기본 구조 -.. 2020. 3. 18. HTML 이란? 1. HTML 이란 : HTML은 Hyper Text Markup Language의 약자로 웹 페이지를 기술하기 위한 Markup 언 어이다. 쉽게 설명하면 웹페이지를 만들기 위한 언어로 웹 브라우저 위에서 동작하는 언어이다. HT : HyperText, 문서와 문서가 링크로 연결되어 있다. M : Markup, TAG로 이루어져 있다. L : Language (1). HTML 의 역사 - Tim Berners – LEE : Internet의 아버지 : URL, HTTP, HTML 의 최초 설계 및 HyperText Browser와 Editor 개발 : 1991년 HTML1 Version 부터 2013년 XHTML5 Version까지 발전하였다. (2) HTML5 의 기능 : 기존 웹페이지 설계 뿐이 아.. 2020. 3. 18. HTML 연습 : CSS, 반응형 웹 반응형 웹이란 화면의 크기에 따라 웹이 반응하는 것을 말합니다. 반응형 웹을 만들기 위해서 미디어를 사용합니다. @media(max-width:800px) 라는 말은 screen width 800 과 같습니다. 같은 내용에 해당하는 모든 CSS를 모든 html에 적용하는 방법은 style.css와 같은 .css 파일을 하나 만들고 그 안에 적용시킬 내용을 적습니다. 2020. 3. 11. HTML 연습 : 간단한 홈페이지 만들기_box or grid 유투버 '생활코딩'님의 영상을 보며 제작하였습니다. ㅁ TAG 전체 색 변환 방법 a { color:색; text-decoration:none; } ㅁ 특정 단어 색 변환 내부에 stlye="color:색" 삽입 ㅁ 특정 단어 꾸미기 TAG내부에 text-decoration:변환종류 삽입 글크기 태그 내부 h1 { font-size : 00px; text-align:위치; } .saw { color:gray; } - saw 앞이나 여러 객체에 .이 붙으면 클래스 선택자가 된다. #active { color : red; } - id선택자로 지정한 것에 #이 붙으면 id선택자가 된다. 상자표시 box.html을 새롭게 형성 1.border-width:5px >>>5px높이 2.border-c.. 2020. 3. 9. HTML을 이용한 간단한 웹페이지 만들기 이번 HTML 연습은 유투버 '생활코딩'님의 영상을 보고 구현하였습니다. HTML 의 기본 원리와 Client와 Server 통신에 대한 원리를 알 수 있었음. bitnami 설치 서버의 역할을 연습하고 추가 적인 기능에 대해 공부함 HTML 작성 시 필요한 TAG들에 대해 알게되었고, 사용률에 대해 알 수 있었음, 2020. 3. 6. 이전 1 다음 반응형
