Posts

Showing posts with the label html

html 기초 - 외부 링크

-
by joviansummer original STEEMIT post: https://steemit.com/blog/@joviansummer/ac4ac2-html html에서 외부 링크는 " "라는 태그를 이용해서 href 속성을 통해 지정해 줍니다. 예를 들어 표시할 내용은 "Hello World"이고 링크가 "https://steemit.com/@joviansummer/3v1wmj"라면 html에서는 아래와 같이 될 것입니다. "Hello World"를 클릭하면 해당 링크로 접속하게 되겠죠. <a href="https://steemit.com/hello/@joviansummer/3v1wmj">Hello World</a> 만약 링크를 클랙했을 때 새 탭으로 접속하도록 만들려면 target 속성을 아래와 같이 추가로 지정해 줍니다. <a href="https://steemit.com/hello/@joviansummer/3v1wmj" target="_blank">Hello World</a> 새 탭에서 열기를 사용하려면 rel 속성을 아래와 같이 포함하는 것이 안전하다고 합니다. 이렇게 하지 않으면 해킹에 취약할 수 있는 여지가 있다는데, 웹에 대해 조예가 깊지 않아서 자세한 내용은 복잡해서 잘 모르겠지만 어쨌든 아래와 같이 해 주는 것을 권고하는 것 같습니다. <a href="https://steemit.com/hello/@joviansummer/3v1wmj" target="_blank" rel="noopener noreferrer">Hello World</a> @joviansummer의 스팀 프로젝트 스팀 증인노드를 운영중입니다. @jswit에 증인투표해 주시면 감사하겠습니다. ( https://steemi...
Post a Comment
Read more

html 기초 - 캐럭터 인코딩 정보 표시

-
by joviansummer original STEEMIT post: https://steemit.com/blog/@joviansummer/90303a-html 우선 html 페이지의 기본 구성에 대한 내용은 아래의 링크입니다. html 페이지의 기본 구성 html 페이지에 캐럭터 인코딩 정보를 표시하려면 head 영역에 meta 태그를 추가해 주어야 합니다. 예를 들어 utf-8 인코딩을 사용한다면 아래의 예시처럼 될 것입니다. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Hello World</title> </head> ... utf-8 인코딩을 사용할 경우에는 이 meta 태그를 추가하지 않아도 괜찮은 것 같습니다. 하지만 만약 다른 인코딩을 사용한다면 명시를 해 주는 것이 좋다고 합니다. 웹브라우저에서 인코딩을 잘못 선택하면 글씨가 다 깨질 수도 있다고 하네요. @joviansummer의 스팀 프로젝트 스팀 증인노드를 운영중입니다. @jswit에 증인투표해 주시면 감사하겠습니다. ( https://steemitwallet.com/~witnesses ) jswit 증인 노드 프로젝트를 시작합니다. jsup 업보팅(upvoting) 서비스 소개 jsup 수혜자 지정 기능 추가 jsup 서비스에 큐레이션 보상 분배 기능이 추가되었습니다. jSTEEM 프로젝트 - 텔레그램 챗봇으로 구현하는 스팀 블럭체인 탐색기 STEEM.NFT - 디지털 아트 보존 프로젝트 Posted through the AVLE Dapp ( https://avle.io )
Post a Comment
Read more

html 기초 - 페이지의 기본 구성

-
by joviansummer original STEEMIT post: https://steemit.com/blog/@joviansummer/html 파이썬 flask를 보면서 같이 찾아보게 된 내용입니다. 웹사이트의 html 페이지의 기본 구성은 html 태그 안에 head와 body로 되어 있습니다. head 영역에는 제목을 나타내는 title이 있습니다. 예를 들면 아래와 같은 형태입니다. <!DOCTYPE html> <html> <head> <title>Hello World</title> </head> <body> <p>Hello World!</p> </body> </html> 위의 형식으로 body 영역에 내용을 채우면 웹브라우저에서 페이지를 표시해 줍니다. head 영역의 title은 웹브라우저의 실행창 제목에 나타납니다. 참고로 body 영역의 태그는 단락(paragraph)입니다. html 태그도 찾아보니 종류가 꽤나 많은 것 같습니다. 한꺼번에 공부하기는 시간이 많이 걸릴 듯하고 필요할 때마다 찾아보는 것이 나을 것 같네요. @joviansummer의 스팀 프로젝트 스팀 증인노드를 운영중입니다. @jswit에 증인투표해 주시면 감사하겠습니다. ( https://steemitwallet.com/~witnesses ) jswit 증인 노드 프로젝트를 시작합니다. jsup 업보팅(upvoting) 서비스 소개 jsup 수혜자 지정 기능 추가 jsup 서비스에 큐레이션 보상 분배 기능이 추가되었습니다. jSTEEM 프로젝트 - 텔레그램 챗봇으로 구현하는 스팀 블럭체인 탐색기 STEEM.NFT - 디지털 아트 보존 프로젝트 Posted through the AVLE Dapp ( https://avle.io )
Post a Comment
Read more