본문 바로가기

웹 프로그래밍/HTML

 (22)
[HTML] 특수문자 표현하기('<', '>', ' ') : > (grater than) 공백문자 : html 특수문자 표현 태그는 줄넘김 태그입니다. 태그는 줄넘김 태그입니다. [ ]는 공백문자를 표현합니다. [&] [&nbsp]는 공백문자를 표현합니다. LottoMain.java class Account { Random r = new Random(); private String name; private int money; }
[HTML] 제목(heading) 태그 <h1>, <h2>, ... , <h6> h1 태그는 한 문서 내에서 하나만 만드는 것이 좋다. align 속성을 통해, 제목 태그를 정렬할 수 있다. style 속성을 통해 CSS를 적용할 수도 있다. 무색 무취의 div 태그로도 제목태그를 표현할 수 있지만, 편리하게 h 태그를 사용하자. 안녕하세요 안녕하세요 안녕하세요 안녕하세요 안녕하세요 안녕하세요 안녕하세요 안녕하세요 안녕하세요 안녕하세요 안녕하세요 안녕하세요 반가운 홈페이지입니다.
[HTML] 선을 그리는 단일 태그 <hr> HTML 태그는 시작태그와 종료태그를 명시해줘야 한다. 그러나, 종료 태그 없이 시작 태그만을 가지는 태그도 있다. 이를 빈 태그(empty tag)라고 한다. 단일 태그라고도 불리는 것 같다. 단일 태그의 예시로는, , , 등이 있다. 아래는 선을 그리는 hr 태그의 예시다. hr : horizontal rule 화면을 수평으로 가른다는 의미에서 '수평 자'라고 지은 것 같다. hr 태그를 통해 생성한 선은, 가운데 정렬료 표시된다. 선의 너비를 고정적인 크기(픽셀), 화면 내 비율(%)로 표현할 수 있다. 또한 size라는 속성을 통해 선의 굵기를 표현하고, color 라는 속성을 통해 선의 색상을 정할 수 있다. width를 비율(%)로 표현하면, 화면을 줄이고 늘릴 때 그에 맞게 표현된다.
[HTML] p 태그, div 태그 VS span 태그: block-level-element VS inline-level-element p 태그는 paragraph의 의미를 가진다. 즉, 문단을 표현하는 태그다. 그래서 p 태그를 사용하면 문단 구분을 위한 여백이 생긴다. 이와 비슷한 div 태그가 있다. 단순히 division (분리, 분할)하기 위한 용도로 사용되는 무색 무취의 태그라고 보면 된다. span 태그도 div와 비슷하게 무색무취의 기능을 하는 태그다. 그러나, p태그와 div 태그와는 성질이 조금 다르다. 태그는 block-level-element, inline-level-element로 구분할 수 있다. p 태그와 div 태그는 block-level-element 태그다. 즉, 태그가 한 라인에 붙지 않고, 블록처럼 위에서 아래로 쌓인다. span 태그는 inline-level-element다. 즉, 태그가 한 라인에 ..
[HTML] 줄바꿈 표현 & 줄바꿈 없는 공백 표현 : <br>, &nbsp; HTML은 코드의 가독성을 위해, 내용을 줄바꿈을 해도 실제 화면에서는 한 줄로 출력된다. 그렇다면, 어떻게 줄바꿈 효과를 낼 수 있을까? 'break line' 의미를 가지는 태그를 사용하면 된다. 줄바꿈 없는 공백은 (non-breaking space)을 사용하면 된다. 첫번째 문장입니다. 두번째 문장입니다. 두번째 문장입니다. 세번째 문장입니다. 네번째 문장입니다. 다섯번째 문장입니다.
[HTML] HTML 정의 및 특징 HTML(Hypertext Markup Language) 이란? 1. Marup Language는 이런 태그들을 이용해서 문서나 데이터 구조를 명기하는 마크업 언어다. 프로그래밍 언어는 아님. 2. 월드와이드웹(WWW)에서 하이퍼텍스트 문서를 만들기 위해 사용하는 기본 언어다. 즉, 인터넷을 통해 볼 수 있는 문서를 만들 때 사용한다. 3. 인터넷에서 접할 수 있는 모든 웹 페이지들은 HTML로 작성한다. 4. 태그(TAG)는 HTML에서 사용하는 명령어다. 대표적인 태그는 html, head, title, body 이다. HTML 문서의 특징 1. 태그는 대소문자 구분이 없다. 그러나, 파일 이름은 소문자로 하는 것이 좋다. 2. HTML 문자열 사이에 있는 하나 이상의 공백은 무시된다. 아..

티스토리툴바