HTML 常用的标签

这篇文章简单记录了一些html中实用的标签和我学习HTML过程中的笔记
另外对于html的学习，我推荐
https://developer.mozilla.org/zh-CN/
这个网站，遇到想要不懂的标签都可以在这个网站中搜索，网站中会有详细的用法与介绍。

html5基本结构

           定义HTML文档类型，此为标准HTML 5的文档声明
           定义HTML文档的语言类型
 
     定义HTML文档字符类型,UTF-8是现在使用最广泛的网页编码
 Document   定义文档的标题
 
                     浏览器呈现的页面内容
                   页面头部（HTML 5特有标签）
        HTML 5    一级标题
    

                     页面主体（HTML 5特有标签）
    

                   页脚（HTML 5特有标签）
    
 
                   HTML文件结束标记

段落

...

用于定义网页中的一段文本，段落与段落之间自动换行。

标题标签

...     一级标题
...     二级标题
...     三级标题
...     四级标题
...     五级标题
...     六级标题

特殊文字标签

... 斜体
... 斜体（强调语气）
... 粗体
... 加粗（强调语气）
... 用来表示文本是从键盘上键入的
... 下划线
... 删除
_{下标
^上标}

标签

元素 (或锚元素) 可以创建一个到其他网页、文件、同一页面内的位置、电子邮件地址或任何其他URL的超链接。

...

download
链接名称
此属性指示浏览器下载URL而不是导航到URL，因此将提示用户将其保存为本地文件。

href：表示对应链接地址。
target：代表此链接打开方式，默认为本窗口打开，_blank重新打开一个窗口浏览对应链接网站。

_self: 当前页面加载，即当前的响应到同一HTML5浏览上下文。此值是默认的，如果没有指定属性的话。
_blank: 新窗口打开，即到一个新的未命名的HTML5浏览器上下文
_parent: 加载响应当前的HTML5浏览上下文的父级窗口。
_top: HTML5中：加载响应进入顶层窗口。
iframename: 返回值在指定frame中加载。

ps: link 标签被点击后会发生什么？
A:当前页面刷新

...“#”代表锚点。在下文标签中加个id名后，当鼠标点击文字，就可以直接跳转至对应的位置。
link 标签被点击后会页面滚动到顶部.

如果我希望写一个标签，并且我希望它不跳转,什么都不做, 我们使用js伪协议
link

图片

src：指定图片来源地址

alt：当图片无法显示时的提示文本，同时方便视觉障碍人士阅读本网页。

列表

1 有序列表

，如想嵌套其它元素则只能在

标签中
嵌套其它元素。


   ...
   ...
   ...

2，无序列表

用于表示并列的内容。

，如想嵌套其它元素则只能在

标签中嵌套其它元素。


   ...
   ...
   ...

3，自定义列表


   ... 自定义列表项
       ... 自定义列表项的解释
       ... 自定义列表项的解释
   ... 自定义列表项
       ... 自定义列表项的解释
       ...  自定义列表项的解释

表格

表格基本结构

 
   
       
       
       
   
   
    
            project 姓名 班级 分数
        
   
   
    
            xiaoming 1 91
        

    
            xd 2 95
        
    
            avg 93
        

   
    
    
            sum 186

project	姓名	班级	分数
	xiaoming	1	91
	xd	2	95
avg			93
sum			186

表单
...

定义供用户输入的HTML表单（action里面的值是需要提交表单上送地址，method提交方式里面的值只能选择get或post，建议使用post）

如果没写type，且form里面只有botton, 自动升级(默认submit)

标签里面的内容，自动跳转到对应的文本框。
（老司机版本）


     username
     
     喜欢的水果
     桔子
     香蕉
     yes
     no

name必须写，否则提交的时候不会带上这个值

参考资料 https://developer.mozilla.org/zh-CN/

HTML 常用的标签

...

...

...

...

...

...

表单...

你可能感兴趣的:(HTML 常用的标签)

表单
...