Home >Web Front-end >HTML Tutorial >Summary of HTML basic knowledge (1)_html/css_WEB-ITnose
Summary of HTML basic knowledge (1)_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:45:111119browse
Overview
HTML is a language that combines content and content display form. It controls the content display form mainly through the attributes of tags (elements), because it controls the "content display form" There were many disadvantages, so CSS appeared later, which is equivalent to the attributes of HTML tags.
HTML element in the form of
empty element. Example:
An empty element with attributes. Example:
An element with content. Example:
An element with content and attributes. Example: http://blog.csdn.net/jiben2qingshan
Note: For tags like
, we’d better write like this
Link
Internal link
Theory
1. Create a named anchor, its syntax:
2. Establish a link (link to the corresponding anchor), its syntax:
Example (main code):
AClick this and it will jump to B
; BThis is the position after the jump
Purpose
In the same webpage; open the specified location of the specified webpage (href="index.html#1", which can be an absolute address)
E-mail
> Click here to link to the corresponding FTP server (generally you need to enter your username and password to access the FTP server)
Link to Telnet
Click here to link to the corresponding Telnet server
target attribute
Values: _blank, open the linked document in a new window; _self, by default, open the linked document in the same frame; _parent, open the linked document in the parent frame; _top, open the linked document in the entire window Link document; framename, open the linked document in the specified frame
Download file
If the hyperlink points not to a web page file, but to other files such as zip files, etc., click the link The file will be downloaded when Song name
Picture
Explanation of img note attributes
src: The address of the image
alt: When the image is not displayed, it appears at this location ( (originally displayed picture) text
title: the text that appears after the mouse is moved over the picture
border: the side width of the picture, the default is 0, the color of the border is black, if it is a hyperlink, it will be the same as the link text color Consistent
vspace: vertical margin, the distance between the picture and its nearest element in the vertical direction
hspace: horizontal margin, the distance between the picture and its nearest element in the horizontal direction
width, height: If the width and height attributes are not written, the image will be displayed according to its original size, or if it is, it will be displayed according to the size of their values
align: the layout between the image and "text"
bottom: picture The bottom of the picture is aligned with the bottom of the text of the current line
top: The bottom of the picture is aligned with the top of the text of the current line
middle: The horizontal center line of the picture is aligned with the center line of the text of the current line
left: The picture is left aligned
Right: Align the image to the right
Center: Align the horizontal center line of the image with the text center line of the current line (test center and middle on your own for the same effect)
Note: Addresses are generally written as relative addresses, try not to write absolute addresses; "../" represents the directory one level above the current directory, and "../../" represents the one level above the current directory.
Table Table is an indispensable tool for web page layout. Tags commonly used to create tables:
| and | . Main operation objects: tables, rows, cells, > Width, height: Set the width and height of the table. The value can be a number or a percentage (the length and width of the table are relative to the browser and will change as the browser size changes). If the value is large If it is, the system will automatically allocate blank positions according to the amount of data. If its value is very small, the system will mainly display the complete data, and the setting value will automatically become invalid; if its attribute value is not specified, the system will automatically calculate the field data in the table. The width and height of the table are displayed in the smallest unit that can accommodate the data. bgcolor, background: Set the background color and background image of the table. Both properties are used to set the background. Usually only one of them is designed. If both are set, the background image will be displayed. Border, bordercolor: Set the table border width and table border color. Border defaults to 0, and the browser does not display any borders (around the table and cells). Border can only affect the size of the borders around the table, but does not affect the size of the cell borders; The default color of bordercolor is black, and the color of the table border (surroundings and cells) is changed. Center alignment within the page range, but the alignment of the cells in the table will not be changed. If you want to change the alignment of the cells, you need to define cellspacing separately in the row, column or cell. cellpadding: Set the distance between each cell inside the table; set the distance between the cell border and the content of the cell. By default, the content of the cell will be close to the border of the table. Example (core code): |
|---|