본문 바로가기

분류 전체보기

 (313)
[HTML] 이미지 띄우기(경로 지정 방법: 상대, 절대 / 경로 404 에러 주의) <img> 태그 ★★★반드시 WebContent 밑에 있어야 한다. (주의) 경로를 안적고, 파일명만 적어주면 exam08.html과 같은 경로에 있다는 것을 의미한다. 그런데, 이미지 파일이 html과 다른 경로(html - images)에 있다. 그래서 엑박이 뜬다. alt 라는 속성은, 엑박이 뜰 때 설명해주는 글을 표현한다. 태그 내에 이미지를 넣으면, 액자와 같이 표현할 수 있다. html과 경로가 다를 경우, 어떻게 경로를 적어야 할까? 추노 사진 추노 모음집 - http://localhost:9999/Lecture-WEB/WebContent/html/images/daum_logo.png - ★★★webcontent는 경로에 포함하지 않음. 유의할 것 경로 지정 방법 - 절대 경로 - 상대 경로
[HTML] 인용구 넣기 <blockquote> 태그 [세종=뉴시스] 위용성 기자 = 정부가 최근 부동산 시장의 기류변화에 주목하며 집값 상승세가 지속되는 등 불안 조짐이 보이면 즉각적인 안정화 조치를 취할 것이라고 강조했다.
[HTML] 코드 및 문장 그대로 나타내기 <pre> 태그 태그를 쓰면, 공백과 줄바꿈이 그대로 표현된다. LottoMain.java class Account { Random r = new Random(); private String name; private int money; }
[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)을 사용하면 된다. 첫번째 문장입니다. 두번째 문장입니다. 두번째 문장입니다. 세번째 문장입니다. 네번째 문장입니다. 다섯번째 문장입니다.

티스토리툴바