Criar html.

<html>

<head>

<meta charset="utf-8">

</head>

<body>

<h1>Criar tags HTML no HTML<br> p a h1 img</h1>

<textarea id="texto"></textarea>

<button onclick="criarTag()">Criar tag</button>

<div id="tags"></div>

<script>

function criarTag() {

// Obtém o conteúdo do textarea

var texto = document.getElementById('texto').value;

// Cria as tags HTML desejadas

var novaTag = '<p>' + texto + '</p>';

var novaTag1 = '<a>' + texto + '</a>';

var novaTag2 = '<h1>' + texto + '</h1>';

var novaTag3 = '<img src="' + texto + '">';

var novaTag4 = '<iframe src="">' + texto + '</iframe>';

// Insere as tags no div

document.getElementById('tags').innerHTML = novaTag + novaTag1 + novaTag2 + novaTag3 + novaTag4;

}

</script>

</body>

</html>

Criar elementos html

Criar html.

<html>

<head>

<meta charset="utf-8">

</head>

<body>

<h1>Criar tags HTML no HTML<br> p a h1 img</h1>

<textarea id="texto"></textarea>

<button onclick="criarTag()">Criar tag</button>

<div id="tags"></div>

<textarea id="texto1"></textarea>

<div id="class"></div>

<button onclick="criarClasse()">Criar class div</button>

<script>

function criarTag() {

// Obtém o conteúdo do textarea

var texto = document.getElementById('texto').value;

// Cria as tags HTML desejadas

var novaTag = '<p>' + texto + '</p>';

var novaTag1 = '<a>' + texto + '</a>';

var novaTag2 = '<h1>' + texto + '</h1>';

var novaTag3 = '<img src="' + texto + '">';

var novaTag4 = '<iframe src="">' + texto + '</iframe>';

// Insere as tags no div

document.getElementById('tags').innerHTML = novaTag + novaTag1 + novaTag2 + novaTag3 + novaTag4;

}

funtion criarClasse(){

// Obtém o conteúdo do textarea

var texto = document.getElementById('class').value;

//criar div class

var divClasse = '<div>' + texto1 + '</div>';

document.getElementById('texto1').innerHTML=divClasse;

<script>

</body>

</html>

Page updated

Google Sites

Report abuse