Html:hyper Text Markup Language Hypertext Markup Language

Source: Internet
Author: User

What is 1.HTML?
*hyper Text Markup Language Hypertext Markup Language
*hyper Text: Hyperlink. Combine the resources of different spaces to form a logical network structure.
*markup Language tag Language. The language is composed of labels.
*html document = Web page
* Browser parsing HTML
2. How to create an HTML document.
* Suffix name:. html. htm all can;
* As the root element of the document, the document contains two parts. Head and body parts
The information in the *body is displayed in the body of the browser
The information in the *head is not displayed in the body.
3. Questions about Labels
* One word in a pair of angle brackets, HTML tags cannot start with a number (applicable for all label languages).
* Labels are usually paired, called Start tags and end tags, respectively. (Recommended for everyone). Xhtml.
* Self-closing label.

*html does not differentiate between label casing. and is a label that is recommended for everyone using lowercase.
4. About the properties of the label?
* The location where the property is written. Should be written in the Start tab, not in the end tag
* properties are generally in the form of key-value pairs.
* The value of the attribute must be wrapped in double or single quotation marks. can be nested.

The HTML language is not recognized for line breaks and spaces in text.

Basic Tags:
换行符和n个空格对html而言,会被识别成空白符.<br>:换行标签.<font>:文字标签        size 1~7 从小到大        color 颜色 1单词2#FF0000 3rgb(255,0,0)         face 字体 
Image label
img标签:图像标签,用来在网页上表达图形.    src : 图片的位置    alt : 图片的描述    usemap:使用图片的热点map标签:定义热点(地图)    area标签:定义热点的信息        shape:形状 圆形 矩形 多边形        coords : 位置信息    href: 点击之后 做什么
Category List
dl: 定义一个列表dt: 定义列表的一个标题dd: 定义列表的每一项ol: order list 定义有序列表    type: 决定序号类型  A a I i 1    start: 从几开始计数li: list item 列表每一项ul:unorder list 定义无序列表    type:disc (原点)        square         
A hyperlink label
    href:        如果要链接到站外需要打 http://        如果要链接到站内不需要打协议名         发送邮件使用 mailto:        迅雷协议:thunder:F1213ABC    target:目标        1._blank   :在新的页面打开我们的链接        baidu搜索结果: 都是在新的页面打开        google搜索结果:都是在原有页面打开        2._parent  :在原有页面打开链接          _self           _top         3.framename : a标签 锚点的应用    两部分        1.定义锚点位置 <a name="_xxx"> </a>        2.连接到锚点位置 <a href="#_xxx"> </a>
Table: Tables
border:表格的边框cellpadding:表格的内边距cellspacing:表格的外边距width:指定表格的宽度    像素的方式和百分比的方式height :表格的高度tr: table row 行td: table data cell 单元格th: table head 表头    rowspan:规定单元格占多少行    colspan:规定单元格占多少列
Frame Tags:
frameset : 定义框架集合    rows: 将页面按行分    cols: 将页面按列分frame:    src: 指定框架页面显示的内容在哪    noresize:不能改变框架的大小    scrolling:是否显示滚动条    frameborder:框架的边框宽度框架是可以嵌套来实现一些效果的.
tags in head:
<!-- 决定该页面的内容类型和 字符编码  --><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><!-- refresh刷新页面  3秒后刷新页面   --><meta http-equiv="refresh" content="3;url=" />1.元信息    meta2.引入类    css3.代码类    css    js
Form Label:
    action:将表单提交到哪里    method: get/post 表单默认提交方式get方式.            get:将提交的键值对显示在url上. 1.不安全 2.url长度有限制            post: 键值对没有显示在url上. 1.安全一些 2.理论上没有限制.input 标签        type:            *text 文本框            *password 密码框            *radio 单选框            *submit 提交按钮            *reset 重置表单所有内容            *checkbox 多选框            *file 上传文件            *hidden 隐藏字段,用户看不到,但是提交是有效果的.        name:我们表单项以什么作为key提交        value:我们表单项以什么作为值提交        checked:如果type是单选或者多选,那么加上这个属性表示默认被选中        readonly:使选项变成只读的.不能更改但是可以提交.        disabled:使某个选项失效,不能更改.并且不能提交.select 标签: 下拉菜单        size属性:决定下拉选项的显示个数        multiple属性:可以多选.    option标签: 下啦菜单中的每一项        selected:默认被选中textarea标签:用来装大文本.        name:属性,提交的key如果想预定义一些内容在里面.那么,直接写到标签体中.  

Note: The form should wrap all the content that needs to be submitted;

Other Tags:

Pre: Outputs the content as-is. It's worth the format.
FieldSet: Modifying the contents of a. Usually modified form

Direction (direction) Properties: Left, right, down, up
Behavior (Behavior) Properties: Scroll, alternate, slide

Html:hyper Text Markup Language Hypertext Markup Language

Contact Us

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: and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.