VScode에서 HTML 중 하나를 씁니다.
■ 전제 사항
지난번까지의 IBM Cloud 개발 환경의 1~5가 끝났다.
■ 이번 목표
VSCode에 설치된 emmet 기능과 "Hollo World!"에서 기술한 장면은 다음 절차를 이용하여 명세표를 작성하여 개념 디자인에서 체량의 둘레를 분석하도록 한다.
나는 Basic를 잠시 떠날 것이다.
이 테마의 응용 프로그램은 다음과 같은 설치를 고려했다.
① 웹 응용 프로그램의 기본(HTML) 만들기
② Basic 프로그램에서 매개변수에 지정된 문자열을 IE로 내보내기
■ 브라우저에 설치
사전 준비로 html 파일을 명령으로 IE에 표시하는 확장 기능을 설치합니다.
확장 버튼을 눌러 확장 검색에 브라우저에서 보기를 입력한 후 Enter에 표시되는 첫 번째 확장을 설치합니다.
■ Hollo World html 만들기.
파일 - 폴더를 열고 마지막으로 사용한 "Hollo World"디렉토리를 선택합니다.
Ctrl+N에서 새 파일 만들기
Ctrl+S를 사용하여 파일 저장
파일 저장 대화 상자가 표시되므로 파일 이름에 "Hollo World.html"을 입력하여 저장합니다.
여기는 필살입니다. emmet 입력 완료.
(놀라움 표시).
Tab 키에는 다음과 같은 내용이 표시됩니다.
HTML의 기본 코드를 한 순간에 입력합니다.
다음으로
! 아래에 <body> 를 입력하고 Enter 를 입력합니다.
p>font[size=200]*1.emmet의 보완 기능으로 전환합니다.익숙해지면 상당히 편리하다.
이거,
<p><font size=200></font></p>와 <font size="200"> 사이에'Hollo World!'의 양곡 탄젠트 값입니다.
HelloWorld.html의 ○ 버튼을 눌러 저장합니다.
이제 IE에 "Hollo World"를 표시할 수 있습니다.
커서가 편집기에 있을 때 Ctrl + F1 키를 사용하여 기본 브라우저 (예: IE) 에 이 html를 표시할 수 있습니다.
※ 1ViewIn Browser 설치 필요
어렵게 해서 소스 관리를 등록했습니다.Commit.(Ver1.00 해주세요)
다음에는 이 html의 "Hollo World!"큰 장면을 렌더링하는 동안 이 고장이 발견되었습니다.
이상
Reference
이 문제에 관하여(VScode에서 HTML 중 하나를 씁니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/pooshikin/items/e33b37248ab172a2ca92텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
