본문 바로가기

분류 전체보기83

HTML <br> 텍스트의 줄바꿈을 하는 태그 BR 태그란? 태그는 line break의 약어입니다. (일반적으로 약어를 만드는 규칙과 조금 다르네요. lb라고 해야 하는 것 아닌가요...) 우리가 워드프로세스에서 줄바꿈 할 때는 엔터키를 치지만, HTML에서는 태그를 써야 합니다. 사용법 This is the first line. This is the second line. 텍스트 중에서 줄바꿈 할 곳에 태그를 입력합니다 태그는 닫는 태그가 없습니다 See the Pen br by 40's Programmer (@40sProgrammer) on CodePen. 위의 예시를 보면, 첫 번째는 줄바꿈이 잘 적용되었네요. 두번째는 제가 코드상에서 엔터키를 쳤지만 태그가 없으면 줄바꿈이 안되는 것을 확인할 수 있습니다. 줄바꿈은 텍스트에만 적용되는 것은 .. 2023. 7. 6.
왜 HTML 첫 문장은 <!DOCTYPE html>일까? 란 무엇인가? 크롬 웹브라우저에서 F12를 누르면 개발자도구를 열 수 있는데요. 항상 첫 문장은 입니다. 다른 사이트들도 마찬가지에요. 은 HTML 문서의 첫 줄에 위치한 선언문입니다. 브라우저에게 이 문서가 어떤 문서인지 알려주는거에요. DOCTYPE 선언은 "Document Type Definition"의 약자로 문서 타입을 정의한다는 뜻입니다. 예전에는 선언문이 더 복잡했다고 해요. HTML 4.01 Transitional 선언문 지금은 최신 웹 표준인 HTML5가 등장하면서 이라는 단순한 선언으로 통일되었습니다. 정리해보면! 은 HTML 문서의 첫 번째 문장으로 사용되는 표준 선언문이며, 브라우저가 문서를 올바르게 해석할 수 있도록 도와줍니다. 2023. 7. 5.
동영상 삽입을 위한 HTML video 태그 Video 태그란? 태그가 이미지를 삽입하는 용도라면 태그는 동영상 콘텐츠를 추가하는 용도입니다. video는 전체 이름을 쓰는데 왜 이미지 태그는 라고 하지 않고 라고 하는지 잘 모르겠네요. 사용법 Your browser does not support the video tag. video 태그를 열고 src, width, height 등의 속성을 입력합니다 src : 비디오 파일이 있는 URL을 입력합니다 width : 재생할 비디오 영상의 너비를 정합니다 height : 재생할 비디오 영상의 높이를 정합니다 width, height를 입력하지 않으면 동영상 원본 크기로 재생됩니다 controls 이 속성을 추가하면 유저가 비디오를 재상, 일시정지, 음량 조절 할 수 있는 버튼이 보입니다. contro.. 2023. 7. 3.
40대 코린이의 코딩 배우기 5주차 이야기 (23.06.26~23.07.02) 코딩 배우기 5주차 이야기 하루 1시간 정도만 공부를 하다보니 진도가 더딥니다. ㅠㅠ 그렇지만 빼먹지 않고 열심히 해보고 있습니다. 프리코드캠프는 지난 주 열심히 연습했는데 CSS가 너무 어렵네요. 프리코드캠프는 맨땅에 헤딩하면서 배우는 느낌이네요. 예전에 Codecademy로 공부하던 기억이 있어서 다시 1년치를 수강했습니다. Promotion 코드를 넣었더니 50% 할인받았습니다. 프리코드캠프와 코드카데미 공부를 병행해볼까 해요 5주차에 실천한 내용 FreeCodeCamp 강의 3개 수강 HTML태그, CSS 속성 공부한 내용 4개 포스트 발행 클래스101에서 ChatGPT 강의 수강 CodeCademy 1년 강의 결제 중학수학 1-상 일차방정식 완료 다음주도 화이팅하겠습니다! 2023. 7. 2.

티스토리툴바