프론트앤드 이야기/HTML6

• 

  [HTML] 웹 템플릿 Handlebars 사용 사실 일찍 정리를 했어야 했는데 이제서야 정리를 하는 나는.. 2016년도 당시 프로젝트에 사용하던 기술로 3년이 지난 이제서야 정리를 하게된다. 지금은 검색해도 2017년도 이후로의 블로그를 작성한 사람은 없을정도로 도태된 기술이다. 글쓴이는 왜 작성하는지? 는 그냥 단순 정리하면서 한번 더 보고 지나가려는 의미~입니다. https://handlebarsjs.com/ 는 공식 홈페이지 이니 참고 ~하세요. 테스트 코드 환경 JAVA : jdk1.8.0_152STS : Version: 3.9.4.RELEASESpring Boot : version '2.1.5.RELEASE' build.gradle //for handlebarscompile('pl.allegro.tech.boot:handlebars-spr.. 프론트앤드 이야기/HTML 2019. 5. 20.

• [HTML] Layer popup + dimmed 처리 소스 아래 소스는 직접 사용중인 소스입니다.붙이셔서 마음대로 사용하셔도 괜찮습니다 ^^ .layer2 { position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; } .layer2 .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50); } .layer2 .pop-layer2 { display: block; } .pop-layer2 { display: none; position: absolute; top: 15%; left: 3.. 프론트앤드 이야기/HTML 2019. 4. 18.

• [html5] HTML5 테그 * header : 테그 안에는 적어도 한개의 제목()이 들어 있어야 하며, section, header, footer 요소는 절대 들어갈 수 없다.nav 요소도 일종의 section 이므로 header 안에 들어갈 수 없습니다. * section : 요소안에는 header, footer를 넣을 수 있으며, body에 들어갈 수 있는 모든 요소를 넣을 수 있다. 프론트앤드 이야기/HTML 2018. 9. 26.

• [HTML] 추석!! 블록 요소 vs 인라인 요 바로 전 태그 설명은 이정도 리마인드 하기로하였고, 이번 포스팅에서는 inline 태그와 block 태그 이해와, 특징들을 다시한번 리마인드 하도록 하겠습니다. 블록 요소와 인라인 요소의 특징으로는 줄빠꿈 처리가 되느냐, 안되느냐의 차이가 있으며, 더 디테일한 특징은 아래 포스팅에서 확인 ~ 1. 블록 요소블록 요소는 또 다른 블록 요소와, 인라인 요소를 포함할 수 있으며, 기본속성으로 가로폭이 화면의 전체를 차지합니다. 또한 블록요소가 종료된 시점에서는 줄바꿈 처리가 되는것이 특징 ~ 블록요소 종류* div, dl, dd, dt, form, h1 ~ h6, ol, ul, pre, table* html5 태그 * section, header, footer 등* 블록 요소엔 명시적으로 width, heig.. 프론트앤드 이야기/HTML 2018. 9. 24.

• [HTML] 추석!! HTML 태그 정리 오늘은 추석 당일이다. 몇년 전부터 제사를 안하기로해서 나는 특별한 일 없으면 집에서 쉰다. 그래서 오늘은 그동안 잊고 있었던 책을 다시 처음부터 쓱 보면서 리마인드 하기로 결정 ~ (다른 공부가 더 시급.. ㅠ_ㅠ) 1. html 문서의 기본 요소 //컨텐츠 영역컨텐츠 입니다. 2. html 태그 설명(heading)* 1 ~ 6 까지 총 6단계의 속성이 있으며, 단락의 제목을 정의하는데 주로 쓰인다. (paragraph)* 문서의 단락을 나눌 때 사용하며, 위의 h 테그와 같이 이용하기 좋다. (division)* 문서의 단락을 나눌 때 p 테그를 이용했다면 div 테그는 그 모든것을 담고있는, 영역을 나눌 때 주로한다.* 물론 div 영역 안에서도 여러 영역으로 나누어 사용할 수 있다.* 제목입니다.. 프론트앤드 이야기/HTML 2018. 9. 24.

• 태그먹이기 닷넷 에서 @Html.Raw(); 에 인자로 넘겨줘야 파싱해서 HTML 태그도 같이 먹여줌 프론트앤드 이야기/HTML 2018. 4. 23.