기타/html (11) 썸네일형 리스트형 [HTML] iframe 태그 사용법 iframe은 웹페이지 안에 또 다른 웹페이지를 삽입할 수 있는 태그입니다. iframe style을 적용할 수 있습니다. iframe [HTML] body 태그 오늘은 HTML body 태그에 대해 알아보도록 하겠습니다. body태그는 문서의 몸통으로 보이지 않는 head와는 다릅니다. body태그 안에는 , , , , , , , , , , , , 이 들어갈 수 있습니다. body태그는 사실상 모든 웹페이지에 필수적인 요소라고 할 수 있습니다. 예제를 통해 알아보도록 하겠습니다. 이 부분은 body태그 부분입니다. 여러분께 보이죠. [HTML] html span 태그 html span 태그는 텍스트 중 일부를 담는 태그로 CSS 스타일 적용을 JAVASCRIPT로 조작을 쉽게 할 수 있도록 합니다. 주로 div태그, p태그와 함께 쓰입니다. 이들 태그 안에서 일부부에 스타일을 적요할 때 쓰입니다. 속성으로는 display, width, height, background-color 등 디자인 관련된 속성이 있습니다. 아래와 같이 발모스토리 부분만을 강조하려면 span태그 안 '발모 스토리'를 두고 스타일을 적용하면 됩니다. 안녕하세요 발모스토리입니다. 텍스트의 일부를 강조할때는 span태그를 쓴다 이점을 기억해주시면 됩니다. [HTML] head 태그와 그 안에 들어가는 여러가지 태그들 오늘은 head태그의 의미와 속성에 대해 알아보도록 하겠습니다. head태그는 html문서의 기본적인 정보를 담고 있는 태그입니다. 문서의 제목을 나타내는 title태그 css를 적용할 수 있는 style태그, 문서 안의 모든 url의 기준 url을 지정할 수 있는 base태그, 외부 소스와 연결할 수 있도록 하는 link태그, 웹 문서의 요약, 핵심 키워드, 제작자, 크롤링 정책 등 보이지 않는 정보를 제공하는 meta태그 등이 들어갈 수 있습니다. 예시를 통해 보도록 하죠. div태그 설명 meta태그 설명 결과는 아래와 같이 나옵니다. 첫 번째 a태그를 누르면 다음과 같이 페이지가 잘 나온 것을 확인할 수 있습니다. 두 번째 a태그를 누르면 아래와 같이 페이지가 잘 나옵니다. [HTML] div 태그 id class style 사용법 오늘은 html 핵심 태그 중 하나인 div 태그에 대해 알아보도록 하겠습니다. div 태그는 html 문서에서 섹션을 정의합니다. div 태그로 분리하면 css와 자바스크립트를 통해 분리해서 조작할 수 있습니다. 클래스나 id 속성을 통해 할 수 있습니다. 예제를 통해 알아보도록 하겠습니다. balmostory 발모스토리는 코딩관련 글을 매일 업로드하는 블로그입니다. class를 통해 css를 연계하는 방법입니다. . class이름을 통해 연결할 수 있습니다. balmostory 발모스토리는 코딩관련 글을 매일 업로드하는 블로그입니다. id를 통해 css를 연계하는 방법입니다. #id이름을 통해 연결할 수 있습니다. balmostory 발모스토리는 코딩관련 글을 매일 업로드하는 블로그입니다. 만약 cl.. [HTML] meta tag 사용법 및 예제 오늘은 html meta tag의 의미와 description, refresh, viewport 속성에 대해 알아보도록 하겠습니다. meta태그는 head 태그 안에 있으며 웹페이지의 보이진 않는 정보를 제공합니다. 설명, 핵심 키워드, 제작자, 크롤링 정책과 같은 정보가 속해있죠. html 문서가 어떤 정보를 어떻게 담고 있는지에 대해 정보를 제공한다고 생각하시면 됩니다. 제품이 body라면 제품 관련 정보가 meta 태그인 셈이죠. 다른 태그들과 달리 닫는 태그가 없습니다. charest, content, http-equiv, name 속성이 있습니다. charset은 html문자 인코딩을 지정해주는 속성입니다. content는 아래 두 가지 속성과 관련된 값을 지정합니다. http-equiv는 ht.. [HTML] nav tag 사용법 및 예제 는 일련의 내비게이션 링크를 정의하는 태그입니다. 다른 페이지 or 현재 페이지의 다른 부분과 연결되는 링크들의 집합을 말합니다. 메뉴, 목차, 인덱스 등이 있습니다. 과거에는 거의 모든 것을 div로 묶어서 사용했지만 html5로 넘어오면서 각 영역별로 그 의미를 명확히 하기 위해 nav 같은 태그를 사용하기 시작했습니다. 그러니까 보이는 것은 달라지는 것이 없지만 문서상의 의미가 있다는 것입니다. 예를 들어 웹 스크 랩핑을 한다고 했을 때 해당 페이지와 연결된 핵심 페이지 정보를 가져오기 위해서 nav태그의 링크를 가져오면 되지요. nav 태그가 모든 링크를 가지고 있을 필요는 없습니다. nav태그가 만들어진 목적은 핵심 링크를 담는 데 있습니다. 예제를 통해 알아보도록 하겠습니다. 1. 기본 사용법.. [HTML] html table 태그 사용법 및 예제 오늘은 html table태그의 기본적인 사용방법에 대해 알아보도록 하겠습니다. table 태그 안에 열 이름은 th 태그로 행 데이터는 td 태그로 지정할 수 있습니다. 각각을 tr 태그로 감싸 주어야 합니다. 예제를 통해 여러 가지 속성들에 대해 알아보도록 하겠습니다. 1.html table 만들기 장기목표 단기목표 계획 코딩 마스터 html 마스터 table tag학습 위와 같은 결과가 나옵니다. 2.html table colgroup colgroup와 col태그로 background color를 지정할 수 있습니다. 장기목표 단기목표 계획 코딩 마스터 html 마스터 table col의 span속성은 몇 번째 열까지를 결정하는 속성입니다. span을 1로 하면 빨간색 이 첫 번째 열까지만 적용되고.. 이전 1 2 다음
[HTML] body 태그
오늘은 HTML body 태그에 대해 알아보도록 하겠습니다. body태그는 문서의 몸통으로 보이지 않는 head와는 다릅니다. body태그 안에는 , , , , , , , , , , , , 이 들어갈 수 있습니다. body태그는 사실상 모든 웹페이지에 필수적인 요소라고 할 수 있습니다. 예제를 통해 알아보도록 하겠습니다. 이 부분은 body태그 부분입니다. 여러분께 보이죠.
