본문 바로가기

전체 글315

HTML_Tag 9 : <b>, <i> 태그 태그는 텍스트의 굵기를 굵게 만들어 글씨를 강조합니다. 안녕하세요 어서오세요 반갑습니다 안녕하세요 어서오세요 반갑습니다 태그는 텍스트의 각도를 기울입니다. Bold Italic Normal Bold Italic Normal 2021. 11. 18.
HTML_Tag 8 : <pre></pre> 태그는 문서에 입력한 문장 형태 그대로 브라우저에 표현하는 태그입니다. 줄바꿈이나 공백, 탭 등 다른 태그를 쓰지 않고도 그대로 표현이 됩니다. 다만 정해진 고정폭 글꼴로 표현됩니다. pre태그는 줄바꿈 그리고 공백탭 등 다른 태그를 사용하지 않고도 입력한 내용이 그대로 표시됩니다. pre 태그는 줄바꿈 그리고 공백 탭 등 다른 태그를 사용하지 않고도 입력한 내용이 그대로 표시됩니다. 위 예제처럼 표현이 됩니다. 그래서 보통 독특한 텍스트나 프로그래밍 코드를 표현하는 곳에 쓰이곤 합니다. 2021. 11. 17.
HTML_Tag 7 : <p></p> 문단 태그 문단을 나누는 태그입니다. 별다른 설명이 필요없죠. 사이에 문단에 포함될 내용들을 삽입하시면 됩니다. 2021. 11. 16.
HTML_Tag 6: <img> 이미지 태그 태그는 웹페이지에 이미지를 삽일할 수 있는 태그입니다. 다른 설명은 딱히 필요없겠죠? 이 태그에 함께 쓰이는 요소들도 알아보도록 하겠습니다. src : 이미지의 경로 alt : 이미지의 경로가 잘못되었거나 찾을 수 없을 때 출력될 내용 width : 이미지의 가로 크기 height : 이미지의 세로 크기 loading : 이미지의 로딩 방식 loading의 경우 기본적으로 eager방식으로 문서에 포함되어 있는 모든 이미지를 불러옵니다. 반면 lazy방식의 경우 접속 시 모든 이미지를 불러오는 것이 아니라 화면 영역에 따라 이미지를 불러오는 방식입니다. 우리가 마우스를 드래그하여 아래로 화면을 이동하면 일정거리안에 있는 이미지들을 불러옵니다. 이는 필요에 따라 이미지를 불러옴으로써 웹 페이지의 속도를 올.. 2021. 11. 15.
HTML_Tag 5 : <h1>~<h6> html 문서에서 텍스트의 크기나 글꼴 등을 따로 설정하지 않으면 기본 설정값으로 표현됩니다. 그래서 문서의 제목이나 중요한 내용에 사용하는 것이 바로 이 태그입니다. ~까지 있으며 숫자에 따라 텍스트의 사이즈가 달라집니다. 1이 가장 크며 숫자가 커질수록 작아집니다. 브라우저마다 크기가 약간의 차이가 있으니 참고하세요. 결과 빨강 주황 노랑 초록 파랑 남청 보라 결과에서 보다시피 태그는 태그를 사용하지 않아도 기본적으로 줄바꿈이 일어납니다. 2021. 11. 14.
HTML_Tag 4 : <a> 하이퍼 링크 태그는 하이퍼 링크 태그입니다. 와 태그 사이에 이동할 링크를 추가하여 클릭시에 해당 웹페이지로 이동을 하게 됩니다. 유튜브로 시간때우러 고고 구글로 갈까?(새창으로 열기) href를 통해 마우스로 클릭 시 이동할 웹페이지의 주소를 추가합니다. 그리고 링크를 걸어둘 텍스트를 씁니다. target은 어떤 방식으로 해당 링크의 웹페이지를 열 것인지 설정하는 것입니다. 그 옵션들엔 아래와 같은 것들이 있습니다. _self: 현재창에서 연다(기본 설정) _blank: 새창으로 연다 _parent: 부모 페이지에서 연다. iframe 등이 사용된 환경에서 사용됩니다. _top: 최상위 페이지에서 연다. iframe 등이 사용된 환경에서 사용됩니다. 열고 싶은 프레임 이름. 프레임 이름을 직접 추가해서 해당 프레임.. 2021. 11. 13.
HTML_Tag 3 : <br> 태그는 화면상에서 텍스트의 줄바꿈을 해주는 태그입니다. 이 태그가 아니라면 웹페이지의 가독성이 엄청 떨어지겠죠. 굉장히 굉장하게 간단하지만 그 쓰임은 이루말할 수 없는 태그입니다. 굉장히 고마운 녀석이죠. 2021. 11. 12.
HTML_Tag 2 : <body> 태그는 태그의 쓰임처럼 문서의 몸을 표현합니다. 이 말인 즉슨 문서의 내용을 담당한다고 할 수 있습니다. 태그를 통해 브라우저 탭에 제목이 표시되듯 태그는 브라우저에 문서의 내용들이 보여집니다. 즉 텍스트나 다른 문서로의 하이퍼 링크, 이미지 등과 같은 모든 콘텐츠들이 태그 영역 내에 포함됩니다. 태그에는 아래와 같은 태그들이 포함됩니다. 다음 포스팅에서 위 태그들에 차례대로 알아보도록 하겠습니다. 2021. 11. 11.
HTML_Tag 2 : <title> 오늘은 title 태그에 대해서 알아보도록 하겠습니다. title 태그는 말그대로 타이틀입니다. html 문서의 제목인것이죠. 지난 시간 배웠던 head 태그의 자식으로서 head태그 안에 title태그가 포함됩니다. html 문서가 어떤 걸 표현하고 있는지 또는 현재 웹사이트의 이름을 title 태그에 표기함으로써 브라우져 상단의 제목표시줄에 표시됩니다. 2021. 11. 10.
HTML_Tag 1 : <head> 헤드 태그 오늘은 head태그에 대해서 알아보도록 하겠습니다. head 태그는 말그대로 html 문서의 머리입니다. 브라우저엔 직접적으로 표현되진 않습니다. 다만 문서의 전반적인 정보를 제공합니다. 위 이미지에서 보듯 head 태그안에 제목을 표현하는 title 태그와 여러 메타 정보중 인코딩 정보가 포함되어있습니다. 이 외에도 아래와 같은 태그들이 포함될 수 있습니다. - - - - - 2021. 11. 9.
c#_45 인터페이스 interface 이번 포스팅에선 인터페이스에 대해서 알아보도록 하겠습니다. 인터페이스는 abstract 추상 클래스와 비슷하지만 추상화 정도가 더욱 깊습니다. 이 말인 즉슨 추상 멤버만 가지고 있는 추상 클래스라고 볼 수도 있습니다. 더불어 직접 구현하지않고 정의만 할 수 있습니다. 위 예제에서 보듯 인터페이스는 상속용으로써 상속받은 클래스 내에서 메소드를 반드시 구현해야 합니다. 인터페이스의 멤버 메소드는 public이나 private같은 접근 제한자를 쓸 수 없습니다. 이는 기본적으로 인퍼테이스의 멤버 메소드는 가상(virtual) 메소드이기 때문입니다. 상속받은 클래스 내에서 메소드를 구현시 public을 반드시 붙혀주어야 하며 가상 메소드이지만 따로 override 키워드는 붙혀줄 필요는 없습니다. 한 가지 주의.. 2021. 11. 1.
c#_44 추상화 클래스, 메소드 abstract 추상화 클래스와 메소드에 대해서 알아보도록 하겠습니다. 추상화 클래스는 상속용 클래스입니다. 오로지 상속용으로만 사용되고 객체의 생성은 불가능합니다. new 키워드를 통해 인스턴스를 만들 수 없습니다. 이미지에서 보듯 abstract라는 키워드를 class앞에 붙임으로써 추상화 클래스가 됩니다. 추상화 클래스는 미완성 클래스라고도 불립니다. 이렇게 불리는 이유는 추상화 메소드(함수)를 포함할 수 있기 때문입니다. 이 추상화 메소드는 virtual 가상화 메소드 처럼 재정의를 하고자 할 때 사용하지만 일반 클래스와 달리 부모 클래스내에선 정의를 하지 않고 선언만 할 수 있습니다. 상속받은 클래스 내에서 반드시 정의를 해야합니다. 예제에서 보듯 Character 추상화 클래스를 상속받은 Knight 클래스내.. 2021. 9. 29.
반응형

티스토리툴바