Spaces:

mdj1412
/

stock_news_summaries_AI

Runtime error

App Files Files Community

stock_news_summaries_AI / templates /news_analysis.html

mdj1412

commit first

c109682 over 1 year ago

raw

history blame

No virus

3.1 kB

	<!-- html 태그 : HTML로 작성되어 있다는 것을 알려줌 -->
	<!-- html 태그 : html 파일 전체를 감싸는 태그 -->
	<html>
	<!-- head 태그 : 머리말에 해당 -->
	<!-- head 태그 : css나 javascript를 연결해줌 -->
	<!-- head 태그 : 파비콘이나 문자열 인코딩과 같은 문서의 다양한 정보를 제공 -->
	<head>

	<!-- link 태그 : 주로 외부 css 파일을 연결할 때 사용 -->
	<link rel="stylesheet" href="static/css/news.css" />

	<!-- jQuery -->
	<script src='//cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js'></script>
	<!-- script 태그 : 외부 js 파일을 연결하거나 javascript 코드를 입력할 때 사용 -->
	<script type="text/javascript" src="static/js/news.js"></script>


	</head>



	<!-- body 태그 : 본문에 해당하는 부분, 실제 보여지는 화면에 해당 -->
	<body>
	<h1><a class="gohome" href="/">Stock News Summaries AI</a></h1>
	<a class="goticker"><h2 class="tickerName">{{embed1}}</h2></a>
	<h3 class="titleDate">{{embed2}}</h2>
	<h3 class="titleName">{{embed3}}</h2>
	<h3 class="NewsURL">URL: <a class="input-News-URL" target=”_blank”>{{embed4}}</a></h2>



	<!-- named entity recognition (NER) -->
	<figure style="margin-bottom: 6rem">
	<div class="entities" style="line-height: 2.5; direction: ltr">

	</div>
	</figure>




	<!-- section 태그 : HTML 문서에 포함된 독립적인 섹션을 정의할 때 사용 -->
	<section id="model">
	<h2>Questions about Stock's News</h2>

	<!-- p 태그 : paragraph, 즉 문단의 약자로, 하나의 문단을 만들 때 사용 -->
	<p>
	Model :

	<!-- target="_blank" : 기본속성 중 하나로 클릭시 계속해서 새로운 창이 열리게 된다. -->
	<a
	href="https://huggingface.co/allenai/tk-instruct-base-def-pos"
	rel="noeferrer"
	target="_blank">Tk-instruct Model</a
	>
	</p>


	<!-- form 태그 : 데이터를 전송하기 위한 태그 -->
	<!-- form 태그 : 데이터를 전송할 url (action 속성) -->
	<!-- form 태그 : 데이터 전달 방식이 get인지 post인지 결정 (method 속성) -->
	<form class="text-form">

	<!-- label 태그는 for 속성을 사용해서 input 태그의 id 속성에 연계해서 사용 -->
	<label for="text-input">[ Questions ]</label> <br>
	<input
	id="text-input"
	type="text"
	placeholder="Input Questions"
	value="Why did Alphabet's stock go down?"
	/>

	<button id="text-submit">Submit</button>
	<p> [ Answer ] </p>
	<p class="text-output"></p>
	</form>

	</section>





	</body>



	</html>