XHTML basics (including some css)_html/css_WEB-ITnose

Some notes based on the video tutorial at http://www.ycku.com/xhtml/

The explanation of xhtml is quoted from Baidu Encyclopedia

Extensible ultra Text markup language is a markup language whose expression is similar to Hypertext Markup Language (HTML), but its syntax is more strict.

In terms of inheritance relationship, HTML is an application based on the standard universal markup language and is a very flexible markup language, while XHTML is based on the extensible markup language, which is a standard A subset of the universal markup language. XHTML 1.0 became a W3C recommendation on January 26, 2000.

The following example declares the use of html5 in the header , but it is closer to xhtml in syntax. If there is any error, please report it. Personally, I feel that I should learn XHTML first and then learn HTML5. Ideal

For most of the tag attributes, you can go to http://www.w3school.com.cn/tags/index.asp to query and understand. Generally, there are very few built-in attributes for controlling appearance. Use, so I won’t go into details here. However, some issues that you are more concerned about will only be discovered during the development of CSS. You can check the compatibility issues (pc css). However, for the slice layout, I will open a new one later to talk about my current opinions.

XHTML

"http://www. w3.org/TR/html4/loose.dtd">

XHTML1.0 style tag

1. All single tags must be closed:
,

---

, , etc.

2. All single attributes must be equal to themselves: checked="checked", readonly="readonly", etc.

3. Try not to Use obsolete tags:

, , etc.

4. Try not to use obsolete attributes: align, bgcolor

html basic tags

Thickcu

Slantxie

Deletesha

Underlineu< ;/u>

Telegramdianb

subscript_shang

Superscript ^xia

dianzhi

uppercase : Make the font larger

Delete

Modify the underline

;b>jiaqiang jiacu

xieti jiaqiang

 Formatting<p> </p>Let the spaces and line breaks of the text be displayed on the html

The same is true for the same html tag, using a more semantic

The same is true for the same html tag, using a more semantic

blockquote quote tag

So del strong em ins these tags will have a better semantic effect than the above tags;

blockquote quoted text, left and right indentation

del strong em ins These tags will play a better semantic role than the above tags; however, html5 has deleted some tags

html sequence

Unordered list

                                                                                                                      ">2

                                                                                                               

                                                                                                                                            🎜>                                                                                                                                  🎜>

 

                                                                                                                                                                                                                                                                                 dl>

Due to using css reset, the value of margin-left of dd is cleared to implement {float: left}, clear the previous serial number style {display: inline;} but it is generally used in reset

html table

Prompt message, search element, the page will not be displayed ' border="1">

                                                                                                                                             

                                                                                                                                                                                             🎜>                                                                                                                                                                              tr>
                                                        ;th>1

                                            ;/tr>

                                                              

                                                                                                                                                                                                                                      

🎜>cellpadding 0

nowrap limits the line wrapping in the text box

th is to hide a bold and centered attribute

col label operates on the column of the table, for example Color or background

The background priority of the table will be higher than the background color priority

html image

文字图像排版的位置测试文本,align:top文字图像排版的位置测试文本,align:top文字图像排版的位置测试文本,align:top文字图像排版的位置测试文本,align:top文字图像排版的位置测试文本,align:top文字图像排版的位置测试文本,align:top文字图像排版的位置测试文本,align:top文字图像排版的位置测试文本,align:top文字图像排版的位置测试文本,align:top文字图像排版的位置测试文本,align:top文字图像排版的位置测试文本,align:top文字图像排版的位置测试文本,align:top文字图像排版的位置测试文本,align:top文字图像排版的位置测试文本,align:top文字图像排版的位置测试文本,align:top文字图像排版的位置测试文本,align:top文字图像排版的位置测试文本,align:top文字图像排版的位置测试文本,align:top文字图像排版的位置测试文本,align:top文字图像排版的位置测试文本,align:top文字图像排版的位置测试文本,align:top文字图像排版的位置测试文本,align:top文字图像排版的位置测试文本,align:top文字图像排版的位置测试文本,align:top文字图像排版的位置测试文本,align:top文字图像排版的位置测试文本,align:top文字图像排版的位置测试文本,align:top

缺省是bottom,在图像最的下方见到文字,

top上 center中间

主要用 left或者right,align left或者right属性的设置相当于 浮动float的设置(博客或者日志的图文粗略显示模式

vspace="10" hspace="10" 对应上下margin

上述基本属性基本使用css来实现就可以了

在a标签的包括下图像,边框的设置:css设置图像边框为0,css reset中要设置

设置图标 ie6会有问题显示不了图标

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> 1

 

 

Alt属性对应无图像加载时候,对图像的描述，开发的时候必须加入，然而title属性看效果使用也无伤大雅。

Html 超链接

</p>   <p>超链接也叫 URL 中文翻译为资源定址器.这个定址器的功能主要告诉浏览器根据 URL</p>   <p>的地址找到所需的资源。</p>   <p>格式:</p>   <p>scheme://host[:post]/path/filename</p>   <p>scheme指的是 http,ftp,file,mailto,news,gopher,telnet 七种</p>   <p>host 指的是 IP 地址或计算机名称</p>   <p>post 指的是服务器端口</p>   <p>path 指的是文件路径</p>   <p>filename 指的是文件</p>   <p> </p>   <p>基准参考点</p>   <p>基本格式：&lthead&gt&lt basehref=”http://localhost:8080”&gt &lt/head&gt</p>   <p>对应的该页面下的超链接为http://localhost:8080/*</p>   <p>

163@163

href="mailto:163@163.com" 使用本机的邮件发送

锚点 a设置name name="123"

跳转到123的锚点,a超链接 href写的#123 一般直接使用top返回顶部,对应某些页面的锚点,使用href="1.html#123"

超链接hover 点击后css失效  使用正确的书写顺序 link visited hover active 其实就是一个样式重写的问题

Target属性 target="_blank" 新窗口打开

_blank

The browser always loads the target document in a newly opened, unnamed window.

_self

The value of this target is the default target for all tags that do not specify a target, which causes the target document to be loaded and displayed in the same frame or window as the source document . This target is redundant and unnecessary unless used in conjunction with the target attribute in the tag of the document title.

_parent

This target causes the document to be loaded into the parent window or frameset containing the frame referenced by the hyperlink. If this reference is in a window or in a top-level frame, it is equivalent to target _self.

_top

This goal causes the document to load into the window containing the hyperlink. Using the _top goal will clear all contained frames and load the document into the entire browser window.

Of course, you can also define the name of the new window yourself, such as target="du" and the new window will be opened in the du window or tab

• Preface
• Chapter 1
• Chapter 2
• Chapter 3

All hyperlinks will be opened in the defined view_window, and too many pages will not be opened repeatedly

html form

                                                                                                                         "Text">

🎜>

 

Guangdong

Guangxi

                                                                                                                   Guangxi

Display the group name of the following options

Actual multiple is also relatively rarely used, because the interface operation is not friendly and you have to press ctrl to achieve multi-selection. The multi-selection list still needs to be implemented by js, otherwise the user will not Buy your account

Outer border:

Title:

...

The effect title is inside the border

---- Title-----------------

html frame

The body tag must be removed

Basic nesting now uses floating frames

iframe

Javascript is generally required to automatically obtain the web page height

html media (Mainly for flash)

Must have height and width

wmode

Value

window makes flash play its own rectangular window

opaque makes flash hide behind it on the page

transparent makes a certain part of flash transparent

object is an object, and its value must be inserted. The corresponding flash must insert the type declaration object type

Background music uses bgsound src="URL" loop= "Number of times" insert