HTML study notes one
The content of this article is about HTML learning notes 1, which has a certain reference value. Now I share it with everyone. Friends in need can refer to
Click to open the link to learn the summary.
Commonly used HTML tags and explanations
1. Basic format framework
<html> <body> <h1>标题</h1> <p>段落</p> </body> </html>
<br/>
2. Text formatting tags<br/>
<b>粗体</b> <big>大号字</big> <em>着重字（粗）</em> <i>斜体字</i> <strong>加强语气（粗）</strong> <sub>下标</sub> <sup>上标</sup> <ins>插入字</ins> <del>删除字</del>
<br/>
3. Link<br/>
<a href="URL" target="_blank"> this is a link </a>
<br/>
Among them, href=hyperlink, target="_blank" means in Open the file in a new window.
Note that there is a space between the two.
There is a special case where the name attribute is used, which can jump to the anchor defined by the name attribute. <br/>
<a name="tips">基本的注意事项 - 有用的提示</a> . . . <a href="#tips">跳转到tips标签处</a>
Note that when citing anchors, add # in front of the name.
<br/>
4. Image<br/>
<img src="boat.gif" alt="Big Boat" width="104" height="102" />
Among them, src stores the address of the image;
alt attribute Represents replacement text, that is, the text description displayed when the image cannot be loaded;
width and height are used to set the length and width of the image;
In addition, the image also has an attribute border for Specifies the width of the image border.
<br/>
5. General method of changing attributes - style
<body style="background-color:yellow"> <h2 style="font-family:arial;color:red;font-size:20px;text-align:center;"> 标题 </h2> </body>
Among them, background-color is used Used to set the background color;
font-family is used to set the font; <br/>
color is used to set the (title) font color;
font-size is used to set Font size;
text-align: center.
<br/>
6. Quote
The first type: is equivalent to "".
<q>所要引用的话</q>
<br/>
The second type: long quotation, automatic indentation, cite indicates the source address (can be omitted). <br/>
<blockquote cite="URL">......</blockquote>
<br/>
The third type: abbreviation. Putting the mouse on the abbreviation will display the complete content, that is, title. <br/>
<abbr title="world health organization">WHO</abbr>
The fourth type: address (contact information), automatically italicized, and automatically added line breaks before and after.
<br/>
<address>我是地址</address>
The fifth type: the title of the work, automatic italics. <br/>
<cite>老人与海</cite>
<br/>
<br/>
Special, two-way rewriting, dir="rtl" means writing from right to left
<bdo dir="rtl">从右向左</bdo>
<br/>
7. Computer code<br/>
<kbd>键盘输入</kbd> <samp>计算机输出示例</samp> <code>代码</code> <pre class="brush:php;toolbar:false">文本数学公式
<br/>
Among them, the first three do not retain spaces and line breaks. If you want to keep For the original format of the text, please use the fourth format,
to retain line breaks.<br/>
8. Create an image map<br/>
请点击图像上的星球，把它们放大。
Copy after login
Among them,
defines the clickable area of the image map, including attributes:
Shape specifies the shape of the areacoords Specify the (x,y) coordinates of the area, the upper left corner is (0,0); for example (x,y,z), xy represents the center of the circle, z represents the radius
The usemap attribute in
##
refers to the id or name attribute in the map.
9. Others
# #<br/>-------Line break
-------Horizontal line---------Comments
The above is the detailed content of HTML study notes one. For more information, please follow other related articles on the PHP Chinese website!
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
1665
14
1423
52
1321
25
1269
29
1249
24
Table Border in HTML
Sep 04, 2024 pm 04:49 PM
Guide to Table Border in HTML. Here we discuss multiple ways for defining table-border with examples of the Table Border in HTML.
Nested Table in HTML
Sep 04, 2024 pm 04:49 PM
This is a guide to Nested Table in HTML. Here we discuss how to create a table within the table along with the respective examples.
HTML margin-left
Sep 04, 2024 pm 04:48 PM
Guide to HTML margin-left. Here we discuss a brief overview on HTML margin-left and its Examples along with its Code Implementation.
HTML Table Layout
Sep 04, 2024 pm 04:54 PM
Guide to HTML Table Layout. Here we discuss the Values of HTML Table Layout along with the examples and outputs n detail.
HTML Input Placeholder
Sep 04, 2024 pm 04:54 PM
Guide to HTML Input Placeholder. Here we discuss the Examples of HTML Input Placeholder along with the codes and outputs.
How do you parse and process HTML/XML in PHP?
Feb 07, 2025 am 11:57 AM
This tutorial demonstrates how to efficiently process XML documents using PHP. XML (eXtensible Markup Language) is a versatile text-based markup language designed for both human readability and machine parsing. It's commonly used for data storage an
HTML Ordered List
Sep 04, 2024 pm 04:43 PM
Guide to the HTML Ordered List. Here we also discuss introduction of HTML Ordered list and types along with their example respectively
HTML onclick Button
Sep 04, 2024 pm 04:49 PM
Guide to HTML onclick Button. Here we discuss their introduction, working, examples and onclick Event in various events respectively.
