FrontEnd/HTML5|CSS33 웹 개발을 위한 단락태그 안녕하세요. 이번 포스팅은 단락태그에 대해 알아보겠습니다. 단락 태그는 앞서 설명한 p 태그와 같은 한 줄 전체를 사용하는 태그를 의미하며 활용 방법은 아래와 같습니다. 결과를 보면 이렇게 한 줄 전체를 차지하게 되며 기본 적으로 기본적으로 한 줄 한 줄에 대한 행간이 존재합니다. 다음으로는 pre 태그입니다. pre 태그는 입력한 그대로 (공백, 개행 포함)의 텍스트를 화면에 출력하는 태그입니다. 결과를 보게 되면 이렇게 앞 들여 쓰기가 된 부분 띄어쓰기 개행까지 모두 화면에 그대로 출력하게 됩니다. 이렇게 단락 태그에 대해 알아보았는데 조금 이해가 되시는지 모르겠습니다. 다음 포스팅은 리스트 태그에 대해 알아보겠습니다. 감사합니다. 2023. 10. 9. 웹 개발을 위한 텍스트 서식 태그 안녕하세요. 이번 포스팅에는 HTML의 텍스트 서식 태그에 대해 알아보겠습니다. 텍스트 태그에는 제목태그가 존재하는데 heading 이라고도 합니다. 제목 태그에는 h1 ~ h6까지의 태그가 존재하며 이렇게 작성된 결과를 한번 보도록 하겠습니다. 위에서부터 h1 / h2 / h3 / h4 / h5 / h6 입니다. 기본적으로 볼드가 들어가 있으며 머리말을 표현할 때 많이 사용합니다. 다음으로 볼 것은 텍스트 서식 태그입니다. 기본적으로 p 태그로 텍스트를 표현하며 그 내부에 서식 태그를 포함하여 사용합니다. 대부분 이렇게 사용하며 결과를 보겠습니다. 이렇게 글씨 굵게 / 기울임 / 위 첨자 / 아래 첨자 를 표현할 때 사용되는 텍스트 서식 태그입니다. 다음으로는 HTML 엔터티 (특수문자)를 표한하는 방.. 2023. 10. 9. 웹 개발을 위한 HTML 기본구조와 구조 설명 안녕하세요. HTML 을 시작하기에 앞서 HTML의 기본구조를 간단하게 알아보고 넘어가도록 하겠습니다. HTML 실습을 위해 Visual Studio Code를 사용하겠습니다. 다운로드는 아래의 링크를 이용해 주세요! https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, ma.. 2023. 10. 9. 이전 1 다음
