본문 바로가기
728x90
반응형

Html5 & css6

HTML5 & CSS 기본태그  (앤퍼센트nbsp;) 공백을 만들어주는 특수문자 #006 안녕하세요. 스마트팩토리입니다. html5의 기본 태그에서 를 한번쯤 보았을 것 입니다. 지금 글을 쓰고 있는 와중에도 적용되고 있으니 티스토리 글 쓰는 이들이라면 누구나 알고 있는 것이 아닌가 싶습니다. 지금부터 알아보겠습니다. 첫 문장을 html로 보면 가 있다는 것을 알 수 있습니다. 결론부터 말하면 는공백한칸을만들어주는기능을합니다. 1. (앤퍼센트 nbsp;)공백을 만들어 주는 특수문자 --------------------------- (1) 표기법이란? 변수 또는 함수의 이름을 정할때 사용하는 일정한 규칙 표기법은 프로그래머들이 자신들이 이해하기 쉽고 편리하고자 표기법을 만들어 사용합니다. 물론 변수나 함수고 사용할 수 없는 것도 있지만 되도록 소스코드를 간단하고 명료하면서도 이해하기 쉽게 하는.. 2021. 3. 3.
HTML5 & CSS 기본태그 (2)<b>굵게, sup윗첨자(지수표현)<i><hr/><ins><del>등 #005 안녕하세요. 스마트팩토리입니다. HTML5 & CSS 기본태그 (2)굵게, sup윗첨자(지수표현)등 기본태그에 대해 알아 보겠습니다. 1. HTML5 & CSS 기본태그(2) 브라켓에서 적용해 본 html기본태그입니다. b : bold 굵게 i: 기울임 이탤릭체 sub: 아래 첨자 sup:윗첨자로 지수를 표현할때 사용합니다. 23=8 하면 됩니다. ins 아래 밑줄 del 취소선 - 의도적으로 넣는 경우에 쓰입니다. ------------------------------------------------------------------------- 안녕하세요. 반갑습니다. 안녕하세요. 스마트팩토리입니다. 안녕하세요. 스마트팩토리입니다. 안녕하세요. 스마트팩토리입니다. 안녕하세요. 스마트팩토리입니다. 안녕하.. 2021. 3. 2.
HTML5 & CSS 기본태그 제목태그 <h1><h3> ,<p><br> #004 안녕하세요. 스마트 팩토리입니다. HTML5 & CSS 기본태그 제목태그 문장태그줄바꿈태그 에 대해 알아보겠습니다. 1. HTML5 & CSS 기본태그 브라켓에서 작성하여 실행하면 아래와 같습니다. 제목 태그 로 큰 글씨란 것을 알 수 있습니다. 작은 소제목 태그로 제목보다는 작습니다 태그의 경우는 문장 태그로 문단으로 봐도 무방합니다. p태그 사이에 들어간 문장 위 아래로 빈 공간이 만들어져서 결과적으로한 단락으로 보이게 만들어 줍니다. 태그는 줄바꿈 태그입니다. 티스토리에서 글쓰기를 하면 제목 1부터 본문 3까지가 태그 상에서 h1 ~ h6 까지란 것을 알 수 있습니다. 티스토리에서 html 모드로 보면 html모드를 선택하면 p태그와 br 태그가 있는 것을 볼 수 있습니다. -------------.. 2021. 3. 1.
HTML5 & CSS 기초 : 외부 스타일 css파일 생성 및 적용 링크 link rel href #003 안녕하세요. 스마트 팩토리입니다. HTML5 & CSS 기초 : 외부 스타일 css파일 생성 및 적용 링크 link rel href 에 대해 알아보겠습니다. 1. 외부 스타일 css파일 생성 및 링크 기존에 내부 스타일의 스타일 부분을 그대로 가져왔습니다. 내용을 추가 삭제는 작성자 마음대로 하면 됩니다. 글자색과 배경색도 직접 코드로 표시되면 배경색으로 나와서 바로 직관적으로 파악할 수 있습니다. ex02.css파일로 저장합니다. css파일은 html파일을 생성할 때와 동일하게 하면 css를 확장자로 사용합니다. 이와같이 동일한 내용도 확장자가 달라지면 따로 파일이 생성됩니다. 브라켓 에디터 안에 있는 리스트 구조에도 색깔로 따로 표시된다는 것을 알 수 있습니다. ---------------------.. 2021. 2. 28.
728x90
반응형