본문 바로가기

HTML6

HTML,CSS,JS : 정적인 Youtube mobile로 반응형 웹사이트 clone coding Youtube 정적인 웹사이트 구현 현재는 정적으로 구현하였으나 추후 youtube api를 가져와서 동적으로 만들 계획이다. url: https://jun7867.github.io/YOUTUBE_MOBILE/ Mobile에서 768px 이하 일때 768px 이상일때 https://github.com/jun7867/YOUTUBE_MOBILE jun7867/YOUTUBE_MOBILE Youtube mobile clone coding (Html, Css). Contribute to jun7867/YOUTUBE_MOBILE development by creating an account on GitHub. github.com www.youtube.com/watch?v=67stn7Pu7s4&ab_channel=%.. 2020. 8. 17.
HTML #3 기본적인 태그 정리 Heading heading 요소는 총 6개가 있습니다— , , , , , and . 각 요소는 문서에서 다른 수준의 내용을 나타냅니다. 메인 제목을 으로 나타내고, 소제목을 으로 나타내고, 소제목의 소제목을 으로 나타내고 이런 식으로 제목들을 나타냅니다 . Lists -순서없음 milk eggs bread hummus -순서 있음 Drive to the end of the road Turn right Go straight across the first two roundabouts Turn left at the third roundabout The school is on your right, 300 meters up the road 강조 , 기울임 -> 텍스트 강조 . 와 유사 , 기울임꼴 -> bold.. 2020. 8. 16.
HTML #2 문서의 구조와 메타데이터 HTML 문서의 구조 This is my page : 문서 형식을 나타냅니다. 요즘에는 아무도 신경쓰지 않으며, 그저 모든 것이 제대로 작동하기 위해 포함되어야 하는 역사적 유물일 뿐입니다. 은 유효한 문서 형식을 나타내는 짧은 문장이고, 이 것만 알고 있으면 됩니다. : 요소입니다. 이 요소는 전체 페이지의 콘텐츠를 포함하며, 기본 요소로도 알려져 있습니다. : 요소입니다. 이 요소는 홈페이지 이용자에게는 보이지 않지만 검색 결과에 노출 될 키워드, 홈페이지 설명, CSS 스타일, character setdeclaration 등 HTML 페이지의 모든 내용을 담고 있습니다. : 이 요소는 HTML 문서의 문자 인코딩 설정을 UTF-8로 지정하는 것이며 예시에서 지정한 UTF-8에는 전세계에서 사용되는 .. 2020. 8. 15.
HTML #1 기본 설명, element, 속성 설명 HTML이란? HTML (Hypertext Markup Language)는 프로그래밍 언어는 아니고, 우리가 보는 웹페이지가 어떻게 구조화되어 있는지 브라우저로 하여금 알 수 있도록 하는 마크업 언어입니다. HTML element 여는 태그(Opening tag): 이것은 요소의 이름과(이 경우 p), 열고 닫는 꺽쇠 괄호로 구성됩니다. 요소가 시작(이 경우 단락의 시작 부분)부터 효과가 적용되기 시작합니다. 닫는 태그(Closing tag): 이것은 요소의 이름 앞에 슬래시(/)가 있는것을 제외하면 여는 태그(opening tag)와 같습니다. 이것은 요소의 끝(이 경우 단락의 끝 부분)에 위치합니다. 닫는 태그를 적어주지 않는 것은 흔한 초심자의 오류이며, 이것은 이상한 결과를 낳게됩니다. 내용(Co.. 2020. 8. 15.