Multimedia and form in HTML format
1. embed background sound in the document
In the HTML document, you can embed background music, start playing when you open the HTML document. The basic grammar structure of embedded background music is as follows:
Where the URL represents the file name of the background music, loop represents the number of cycles.
2. Embed sound files into the HTML document
If you want to embed the sound file into the HTML document, you can use the following statement:
My voice
A playback controller will appear on Microsoft's Internet Explorer 4.x browser, you can play with the play button, as shown in Figure 18-20.
3. Embed a film in the document
Unlike the linked outgoing view file, the browser downloads the film and television files when downloading the document from the web, and if the film file is large, the download time will be very long. Therefore, this embedded method is often used in an occasion of the film and television file. The basic syntax structure embedded in this film and television file is:
[Example 18.19] There is a "Test.html" documentation and 3 AVI video files under the C: / TEMP / folder. Embedding this film file in the Test.html documentation available in the following statements:
1
2 ![]()
3 ![]()
The style shown in Figure 18-23 will appear on the Internet Explorer browser.
Figure 18-23 Embedded film and television method in the document
For statements 1: When opening the HTML document, the image with the playback control button is displayed, and then start playing after pressing the play button.
For statements 2: Displays an image without playing control buttons when opening an HTML document, and starts playing now until the play is over.
For the statement 3: Displays the image without playing the control button when opening the HTML document, and starts playing now until the play is over. Place the mouse over the image on the image.
4.
HTML Beginner Guide </ Title></p>
<p></ HEAD></p>
<p><Body></p>
<p><Table Border = "2"></p>
<p><! - Table Definition Start -></p>
<p><CAPTION> Table Number: Name of Table </ CAPTION></p>
<p><! - Title Description -></p>
<p><Tr></p>
<p><! - List Title Definition Start -></p>
<p><TH> First Column Title </ TH></p>
<p><TH> ... </ th></p>
<p><TH> Last column title </ th></p>
<p><! - List Title Definition End -></p>
<p></ TR></p>
<p><Tr></p>
<p><! - The first line list data begins -></p>
<p><TD> Data of the first line of the first line </ TD> <TH> ... </ TH></p>
<p><TD> Data of the last unit of the first line </ td></p>
<p><! - The first line list data end -></p>
<p></ TR></p>
<p><Tr></p>
<p><! - Nth line list data start -></p>
<p><TD align = "center"> ... </ td></p>
<p><TD align = "center"> ... </ td></p>
<p><TD align = "center"> ... </ td></p>
<p><! - NP list data end -></p>
<p></ TR></p>
<p><Tr></p>
<p><! - The last line list data begins -></p>
<p><TD> Data of the first line of the first line </ TD></p>
<p><TH> ... </ th></p>
<p><TD> Data of the last line of the last line </ TD></p>
<p><! - The last line list data end -></p>
<p></ TR></p>
<p><! - Table Definition End -></p>
<p></ TABLE></p>
<p></ Body></p>
<p></ Html></p>
<p>5.Thead, Tfoot and Tbody allow you to divide the form into a header, a bet, and a table body. For large tables, it is especially useful, when printing, the head and the speech should appear on each page.</p>
<p>These elements must be defined in the order of thead-tfoot-tbody, like this:</p>
<p><table></p>
<p><THEAD></p>
<p><tr> <TD> Header 1 </ TD></p>
<p><TD> Header 2 </ TD></p>
<p><TD> HEADER 3 </ TD> </ TR></p>
<p></ THEAD></p>
<p><tfoot></p>
<p><tr> <TD> Footer 1 </ TD></p>
<p><TD> Footer 2 </ TD></p>
<p><TD> Footer 3 </ TD> </ TR></p>
<p></ tfoot></p>
<p><TBODY></p>
<p><tr> <TD> Cell 1 </ TD></p>
<p><TD> Cell 2 </ TD></p>
<p><TD> Cell 3 </ TD> </ TR></p>
<p></ tbody></p>
<p></ TABLE></p>
<p>1. embed background sound in the document</p>
<p>In the HTML document, you can embed background music, start playing when you open the HTML document. The basic grammar structure of embedded background music is as follows:</p>
<p><Bgsound src = "URL" loop = 100></p>
<p>Where the URL represents the file name of the background music, loop represents the number of cycles.</p>
<p>2. Embed sound files into the HTML document</p>
<p>If you want to embed the sound file into the HTML document, you can use the following statement:</p>
<p><Embed SRC = "SD01_ mysound.wav"> </ Embed> <br></p>
<p>My voice </ font> <br></p>
<p>A playback controller will appear on Microsoft's Internet Explorer 4.x browser, you can play with the play button, as shown in Figure 18-20.</p>
<p>3. Embed a film in the document</p>
<p>Unlike the linked outgoing view file, the browser downloads the film and television files when downloading the document from the web, and if the film file is large, the download time will be very long. Therefore, this embedded method is often used in an occasion of the film and television file. The basic syntax structure embedded in this film and television file is: <Embed SRC = "URL"></p>
<p>[Example 18.19] There is a "Test.html" documentation and 3 AVI video files under the C: / TEMP / folder. Embedding this film file in the Test.html documentation available in the following statements:</p>
<p>1 <Embed SRC = "Basket01.avi" Height = "120" width = "160"> </ embed></p>
<p>2 <img Dynsrc = "Basket02.avi" Height = "120" width = "160"> </ img></p>
<p>3 <img dynsrc = "Basket03.avi" Height = "120" width = "160" start = mouseover> </ img></p>
<p>The style shown in Figure 18-23 will appear on the Internet Explorer browser.</p>
<p>Figure 18-23 Embedded film and television method in the document</p>
<p>For statements 1: When opening the HTML document, the image with the playback control button is displayed, and then start playing after pressing the play button.</p>
<p>For statements 2: Displays an image without playing control buttons when opening an HTML document, and starts playing now until the play is over.</p>
<p>For the statement 3: Displays the image without playing the control button when opening the HTML document, and starts playing now until the play is over. Place the mouse over the image on the image.</p>
<p>4. <Html></p>
<p><HEAD></p>
<p><Title> HTML Beginner Guide </ Title></p>
<p></ HEAD></p>
<p><Body></p>
<p><Table Border = "2"></p>
<p><! - Table Definition Start -></p>
<p><CAPTION> Table Number: Name of Table </ CAPTION></p>
<p><! - Title Description -></p>
<p><Tr></p>
<p><! - List Title Definition Start -></p>
<p><TH> First Column Title </ TH></p>
<p><TH> ... </ th></p>
<p><TH> Last column title </ th></p>
<p><! - List Title Definition End -></p>
<p></ TR></p>
<p><Tr></p>
<p><! - The first line list data begins -></p>
<p><TD> Data of the first line of the first unit </ TD></p>
<p><TH> ... </ th></p>
<p><TD> Data of the last unit of the first line </ td></p>
<p><! - The first line list data end -></p>
<p></ TR></p>
<p><Tr></p>
<p><! - Nth line list data start -></p>
<p><TD align = "center"> ... </ td></p>
<p><TD align = "center"> ... </ td></p>
<p><TD align = "center"> ... </ td></p>
<p><! - NP list data end -></p>
<p></ TR></p>
<p><Tr></p>
<p><! - The last line list data begins -></p>
<p><TD> Data of the first line of the first line </ TD></p>
<p><TH> ... </ th></p>
<p><TD> The last line of the last line of the data </ td> <! - The last line list data end -></p>
<p></ TR></p>
<p><! - Table Definition End -></p>
<p></ Table></p>
<p></ Body></p>
<p></ Html></p>
<p>5.Thead, Tfoot and Tbody allow you to divide the form into a header, a bet, and a table body. For large tables, it is especially useful, when printing, the head and the speech should appear on each page.</p>
<p>These elements must be defined in the order of thead-tfoot-tbody, like this:</p>
<p><table></p>
<p><THEAD></p>
<p><tr> <TD> Header 1 </ TD></p>
<p><TD> Header 2 </ TD></p>
<p><TD> HEADER 3 </ TD> </ TR></p>
<p></ THEAD></p>
<p><tfoot></p>
<p><tr> <TD> Footer 1 </ TD></p>
<p><TD> Footer 2 </ TD></p>
<p><TD> Footer 3 </ TD> </ TR></p>
<p></ tfoot></p>
<p><TBODY></p>
<p><tr> <TD> Cell 1 </ TD></p>
<p><TD> Cell 2 </ TD></p>
<p><TD> Cell 3 </ TD> </ TR></p>
<p></ tbody></p>
<p></ TABLE></p></div><div class="text-center mt-3 text-grey">
转载请注明原文地址:https://www.9cbs.com/read-50021.html</div><div class="plugin d-flex justify-content-center mt-3"></div><hr><div class="row"><div class="col-lg-12 text-muted mt-2"><i class="icon-tags mr-2"></i><span class="badge border border-secondary mr-2"><h2 class="h6 mb-0 small"><a class="text-secondary" href="tag-2.html">9cbs</a></h2></span></div></div></div></div><div class="card card-postlist border-white shadow"><div class="card-body"><div class="card-title"><div class="d-flex justify-content-between"><div><b>New Post</b>(<span class="posts">0</span>)
</div><div></div></div></div><ul class="postlist list-unstyled">
</ul></div></div><div class="d-none threadlist"><input type="checkbox" name="modtid" value="50021" checked /></div></div></div></div></div><footer class="text-muted small bg-dark py-4 mt-3" id="footer"><div class="container"><div class="row"><div class="col">CopyRight © 2020 All Rights Reserved
</div><div class="col text-right">Processed:
<b>0.038</b>, SQL:
<b>9</b></div></div></div></footer><script src="./lang/en-us/lang.js?2.2.0"></script><script src="view/js/jquery.min.js?2.2.0"></script><script src="view/js/popper.min.js?2.2.0"></script><script src="view/js/bootstrap.min.js?2.2.0"></script><script src="view/js/xiuno.js?2.2.0"></script><script src="view/js/bootstrap-plugin.js?2.2.0"></script><script src="view/js/async.min.js?2.2.0"></script><script src="view/js/form.js?2.2.0"></script><script>
var debug = DEBUG = 0;
var url_rewrite_on = 1;
var url_path = './';
var forumarr = {"1":"Tech"};
var fid = 1;
var uid = 0;
var gid = 0;
xn.options.water_image_url = 'view/img/water-small.png';
</script><script src="view/js/wellcms.js?2.2.0"></script><a class="scroll-to-top rounded" href="javascript:void(0);"><i class="icon-angle-up"></i></a><a class="scroll-to-bottom rounded" href="javascript:void(0);" style="display: inline;"><i class="icon-angle-down"></i></a></body></html><script>
var forum_url = 'list-1.html';
var safe_token = 'JgnhXvfzhkTFS_2BBcXwoA9qBPobLSsyYv4QtFkET7RxYGKohHYCQiMlGbpgrLn0_2FCDzQiFrlqOgNpN_2FkS9uDXSw_3D_3D';
var body = $('body');
body.on('submit', '#form', function() {
var jthis = $(this);
var jsubmit = jthis.find('#submit');
jthis.reset();
jsubmit.button('loading');
var postdata = jthis.serializeObject();
$.xpost(jthis.attr('action'), postdata, function(code, message) {
if(code == 0) {
location.reload();
} else {
$.alert(message);
jsubmit.button('reset');
}
});
return false;
});
function resize_image() {
var jmessagelist = $('div.message');
var first_width = jmessagelist.width();
jmessagelist.each(function() {
var jdiv = $(this);
var maxwidth = jdiv.attr('isfirst') ? first_width : jdiv.width();
var jmessage_width = Math.min(jdiv.width(), maxwidth);
jdiv.find('img, embed, iframe, video').each(function() {
var jimg = $(this);
var img_width = this.org_width;
var img_height = this.org_height;
if(!img_width) {
var img_width = jimg.attr('width');
var img_height = jimg.attr('height');
this.org_width = img_width;
this.org_height = img_height;
}
if(img_width > jmessage_width) {
if(this.tagName == 'IMG') {
jimg.width(jmessage_width);
jimg.css('height', 'auto');
jimg.css('cursor', 'pointer');
jimg.on('click', function() {
});
} else {
jimg.width(jmessage_width);
var height = (img_height / img_width) * jimg.width();
jimg.height(height);
}
}
});
});
}
function resize_table() {
$('div.message').each(function() {
var jdiv = $(this);
jdiv.find('table').addClass('table').wrap('<div class="table-responsive"></div>');
});
}
$(function() {
resize_image();
resize_table();
$(window).on('resize', resize_image);
});
var jmessage = $('#message');
jmessage.on('focus', function() {if(jmessage.t) { clearTimeout(jmessage.t); jmessage.t = null; } jmessage.css('height', '6rem'); });
jmessage.on('blur', function() {jmessage.t = setTimeout(function() { jmessage.css('height', '2.5rem');}, 1000); });
$('#nav li[data-active="fid-1"]').addClass('active');
</script>
