The tags in hypertext have just contacted hypertext. The biggest obstacles encountered are some sentences enclosed in "<" and ">". We call it a tag, which is used to split and mark the element for text to form text. Layout, format of text and colorful pictures. Some labels are called "single labels" because it only needs to be fully illustrated separately, and the syntax of this type of tag is: The most commonly used single tag is
, it indicates a wrap. Double label Another type of tag is called "Double Label", which is composed of "start tag" and "tail label", must be used, where start tag tells web browser to start executing the flag from this tag And the tail tag tells the web browser to end this function here. Add a slash (/) before the label is a tail mark. The syntax of this type of tag is: Belt Where "Content" part is part of this pair of marking. For example, you want to highlight the display of a paragraph, put this paragraph in a tag: first: tag attribute Many single-tag and dual-marked start mark You can contain some properties, its syntax is: The attributes There is no order between the properties, the attribute can also be omitted (ie, the default value), such as single-mark
means in the document. Position drawing a horizontal line, generally draws the leftmostmost right end from the window in the window. With some attributes:
where the size property definition line is thick, the attribute value is tetled, the default is 1; the align property is aligned, it can take Left (left alignment, default Value), center, Right (right alignment); Width property defines the length of the line, can take the relative value, (by a pair "" number, indicating that the percentage relative to the entire window can also be absolute Value (number of screen pixel points represented by integer, such as width = 300), the default value is "100%".
Title General Articles have titles, subtitles, chapters, and other structures, HTML also provides corresponding title tags , where n is titled the title of HTML to provide six levels of titles, n, the title font size The bigger it.
When you write the HTML file, we don't have to consider too thin settings, and you don't have to pay attention to the vicinity of the paragraph will be cut off by the browser. Because, in the HTML language specification, whenever the browser window is reduced, the browser will automatically turn the words on the right to the next line. Therefore, the writer should add
label for the places you need to break. Paragraph Tags
In order to arrange neat, clear and text paragraphs, we often use
to mark it. The beginning of the file paragraph is marked by
, and the end of the paragraph is marked by , can be omitted because the beginning of the next
means the end of
. The
tag has an attribute aLing that is used to refer to the alignment mode when the name character is displayed, and there are three kinds of center, left, and Right. Horizontal line segment
This tag can display a horizontal line on the screen to divide different parts in the page.
has three properties: the width of the Size horizontal line is long, using the percentage of the screen width or the pixel value to represent the Align horizontal line alignment, there is a three Noshade line segment without shadow attributes, for solid line segment text The size setting provides the setting the font size of Font. Font has a property size, which can set the size size by specifying the size property, and the species of the size property ranges from 1 to 7, where the default is 3. We can add " ", "-" characters before the size attribute value, to specify an increment or reduction with respect to the initial value of the font size. Example:
Dictionary </ Title> </ head> <body> <font size = 7> This is the font of size = 7 </ font> <p> <font size = 6> This is the font of size = 6 </ font> <p> <font size = 5> This is the font of size = 5 </ font> <p> <font size = 4> This is the font of size = 4 </ font > <P> <font size = 3> This is the font of size = 3 </ font> <p> <font size = 2> This is the font of size = 2 </ font> <p> <font size = 1> This is the font of size = 1 </ font> <p> <font size = -1> This is a shape = -1 font </ font> <p> </ body> </ html> text font and style HTML4 .0 provides the function of defining the font, with the Face property to complete this work. Face's attribute value can be any font type on this machine, but there is a bit of trouble that only the same font is equipped with the same font in his browser in his browser. It can appear in his browser.</p>
<p><font face = "Font"> EXAMPLE: <html> <head> <title> font </ title> </ head> <body> <center> <font face = "体 _ _gb2312> Welcome </ font> <P> <font face = "Song Body"> Welcome to </ font> <p> <font face = "imitation Song _GB2312"> Welcome </ font> <p> <font face = "black body"> Welcome " / Font> <p> <font face = "arial"> welcom my homepage. </ Font> <p> <font face = "comic sans ms"> Welcom my homepage. </ Font> <p> </ center> </ Body> </ html> In order to make the text change, or in order to intend to emphasize some part, HTML provides some tags that have these effects, and the commonly used labels are now listed below: <b> </ b> bold HTML language < I> </ i> Body HTML Language <U> </ U> Drawing HTML Language <TT> <TT> Tymper Font HTML Language <BIG> </ BIG> Large Font HTML Language <Small> </ small> Small Font HTML language <blink> </ blink> Blinking effect HTML language</p>
<p><Em> </ em> indicates that it is generally intended to be a bold HTML language, which is generally emphasized.</p>
<p><Cite> </ Cite> for citation, exemplary, generally behind HTML language</p></div><div class="text-center mt-3 text-grey">
转载请注明原文地址:https://www.9cbs.com/read-98879.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="98879" 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.041</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 = 'bNZLvK1KVQ90EMmacpf7JteOtZOB3J7aRKOQdph_2B1wchR62Fb5Rv1LqloUbB6xfgSnOEseuP_2Bfg5R6LlusI5NQ_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>
