Body>2 P>Strong>P Tags: Hello cssStrong>P>3 ul>4 Li>Strong>Li Tags: hello cssStrong>Li>5 ul>6 Body>Corresponding CSS file:1 Li strong{2 color:blue; 3 }4strong{5 color:chartreuse; 6 }3. CSS ID SelectorThe ID selector can specify a unique style for an HTML element labeled with an ID, and the ID selector is defined with "#".The most common way is to use the ID selector to create a derived selector.Body> a>Normal A-labela>
value that the hair sends to the browser, that is, index.html last modification time, if-modified-since the request header is telling the server, I here browser cache index.html Last modified time is this, you see now index.html last modified time is not this, if still, then you will not have to respond to this index.html content, I will display the contents of the cache directly. And the server will get the IF-modified-since value, and index.html the current last modified time, if the same
).The unordered list starts with the 7.ol Tags:Similarly, a sequence table is a list of items that are marked with numbers.The sequence list starts with the 8.DL Tags:A custom list is not just a column of items, but a combination of items and their annotations.The custom list starts with the 9.table Tags:The table is defined by the 10.form form:(1) Text:(2) Password:(3) Radio:(4) CheckBox:(5) Submit:A form handler is typically a server page that contains a script to process the input data.Third,
Learning the basics of Web front-end development requires mastering: HTML, CSS, JavaScript language. Let's look at the next two technologies that are used to accomplish something:1. HTML is the carrier of Web content . The content is the information that the Web creator puts on the page to let the user browse, can contain text, picture, video and so on.2. CSS sty
HTML Basics |javascript| Notes | tutorials
Related articles: Zhang Xiaoxiang: JavaScript Tutorial notes: HTML Basics (i)
Instead of trying to use the ENTER key to change lines in the browser, use the
Use of lists:Unordered list:... ...... ...... ... ... ...There are sequence tables:Text labels
Hyperlinks to HTMLWeb pa
, building a page, save as b.html, and then the above "#" replaced with b.html, in the open, click on the homepage, is not jump to the B page. (Of course A and B pages are in the same directory) so far, you should understand that all the features on the Web page are implemented by a different kind of tag like 2. Web StructureIf you pay attention to the Internet, in fact, the pages are divided,Of course, this is just a general structure, you can also be divided into a number of blocks according t
property specifies the destination window for opening the link, the default original window, and the optional blank opens in a new window ...1. Internal linksYou can set the URL value of the href attribute to a relative path.2. External linksLink to a file outside the site, and set the href attribute to the absolute path. 3, the bookmark link in two a label formed link, the target location A's href is empty a name= "" attribute, trigger position of a in href= "Name value", this is OKTrigger poi
alignment bottom, middle, top around the parameters can be added right,left default to right
Width= "height=" 80 "
Required Area click
Rect (Rectangle), Circle (Circle), poly (Polygon)
The coords has 4 values, separated by commas, representing the x-coordinate of the upper-left corner of the rectangle, the y-coordinate in the upper-left corner, the lower-right x-coordinate, and the lower-right y-coordinate
List (order, Unorder)Order: Type, what sort to use; s
Internal styleThe style tag in head that writes CSS styles directly to the HTML header
External stylesWrite CSS in a separate CSS file, referencing it with the link tag
inline styleWritten in the tag's Start tab for individual label modification styles
It is recommended to use external styles to facilitate reuse and maintenanceWeight: The maximum in-line style weights, and the position in the head determines the weights of the i
HTML style CSS Control Basics
CS s rule declaration, contains three types of values 1, text value div { visibility:hidden;} 2, numeric value div { width:200px;} 3, color value 1, color name . such as red, blue, and so on. reference: color name definition, https://www.w3.org/TR/css3-color/#html52, hexadecimal color . Red (#ff0000) Description: 6 digits The first two digit
Content: Content
Details and examples of two important attributes: padding and margin
This article describes the key to HTML and CSS-the box model (Box Model). The key to understanding the box model is the margin and padding attributes. Correct understanding of these two attributes is also the key to learning to use CSS layout.
Note: Why not translate margin and padding? Cause 1: there are no corresponding words in Chinese. Cause 2: even if such w
:#0FF; + font-size:45px;} A . Main P/*indicates that a label with Class=main is used to execute this style if there is a P tag in the*/ at{ - width:400px; - font-size:36px;} - #main/*start with # To reference this style sheet using the ID selector*/ -{ - Height:60px; in width:500px; - Background-color:#60C; to font-size:36px;}View CodeHTML file Code:1 DOCTYPE HTML Public "-//W3C//DTD XHTML 1.0 transitional//en" "http://www.w3.org/TR/xhtml1/DTD/ Xhtml1
1.HTML5 Basic FormatDOCTYPE HTML>HTML>Head> MetaCharSet= "Utf-8"> title>titletitle>Head>Body>contentBody>HTML>2. HTML title H1-h6Body> H1>This is the H1 titleH1> H2>This is the H2 titleH2> H3>This is the H3 titleH3> h4>This is the H4 titleh4> h5>This is the H5 titleh5> h6>This is the H6 titleh6>
-data" Name: The key of the form submission item. Note the difference from the id attribute: The name attribute is the one used when communicating with the server, and the id attribute is the name used by the browser side, which is primarily for client programming, and the value used in CSS and javascript: The values of the form submission items. For different input types, The use of the Value property is also different: type= "button", "Reset", "submit"-defines the displayed text on the butt
. attribute element (style element)1. Attribute, is to load the tag element style, than like a P tag, the same text content, respectively, given two attributes, in the browser is rendered, is the same thing, but can be different font or color.2. Introduce styles in three ways inline style, inline style, external style. External styles need to write CSS files, which are cascading style sheets . Load the style sheet into the HTML document with a styl
What is HTML? HTML is used to define the content structure of a document.What is CSS?Document style (appearance) used to define HTML the written code of the language is usually parsed by the browserSee below:html→ parsing → Web page structure (content) css→ analysis → Web content appearance together, the Web page shows theHTML terminologyThe
from HTML, are generally stored in the. js file. The file is then referenced through the SRC attribute of the script.Core code: JS file:Window.onload = function () {Alert ("I Like You");}
10Meta is not displayed on the page, but it is important to display the page.Meta tags define metadata, the most important of which are: keywords and description. Where keywords describes the keyword of the document, it is very useful to provide clues to searc
window, the image is copied throughout the browser window.The URL can be a relative address, such as the first line of code. You can also make an absolute address, such as the second line of code.Tip: If you're going to use a background image, you need to remember a few things:
Whether the background image increases the load time of the page. Tip: Image files should not exceed 10k.
Whether the background image matches the other images on the page.
Whether the background image m
to the size of the text in the region, add or subtract a few dimensions; 3, automatic line, The default: if there are other content, before and after the execution of the line, and empty open a line;......“.. /"indicates The parent directory"./" indicates the current directoryRelative path: find from current pageAbsolute Path: Search from the root of the Site. "/" represents the root of the site"-//W3C//DTD XHTML 1.0 transitional//en" "HTTP://WWW.W3.ORG/TR/XHTML1/DTD/XHTML1-TRANSITIONAL.DTD">"h
HTML escape
Django automatically HTML-escapes the string, such as the following values in the template:
视图代码:def index(request): return render(request, ‘temtest/index2.html‘, { ‘t1‘: ‘
Display effects such as:
Characters that will be automatically escaped
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.