热搜:NVER node 开发 php

30分钟入门HTML_html/css_WEB-ITnose

2024-11-03 14:35:01
30分钟入门HTML_html/css_WEB-ITnose

一、HTML标签

1.标题标签  

-

等标签进行定义的。

2.段落标签  

3.图片标签  

例如:

总之注意:所有标签不要忘记结束标签。

二、元素

元素指的是从开始标签到结束标签之间的所有代码。元素之间可以嵌套。

例如:

元素

注意:
表示换行。


表示水平线。

三、属性

标签中包含了HTML中的更多信息,通常都是用属性表示,属性总是以名称/值的形式出现。

例如: 超级链接

1.样式

作用:用来修饰元素。

格式:元素标签> 

例如:

样式变了

2.target

作用:在新的浏览器窗口打开链接

例如:在新的浏览器窗口打开链接标签>

2.超链

作用:跳转url

格式:元素标签>

3.锚点

作用:减少服务器请求。

格式元素标签>

例如:Useful Tips Section

Jump to the Useful Tips Section.

注意:

假如你这样书写链接的话:href="http://localhost:3000/html",就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,就像这样:href="http://localhost:3000/html/"命名锚经常被用在长的文档中创建目录。可以为每个章节赋予一个命名锚,然后连接到这些锚的链接被置于文档的上部。

假如浏览器找不到已定义的命名锚,那么就会定位到文档的顶端。不会有错误发生。

四、表格

表格数据

每行包含多个

表格数据,表格数据可以包含文字、图片、列表、段落、表单、水平线、表格等。

表格边框:

每列的表头:

列名

标题:

标题

注意:空单元格

 

跨列:

内容

跨行:

内容

列表:

  • 单元格边距:

    单元格间隔:

    表格背景颜色:

    表格背景图片:

    单元格背景颜色:

    单元格背景图片:

    ...等

    五、列表

    无序列表:

    有序列表:

    自定义列表: 以

    标签开始。每个自定义列表项以
    开始。每个自定义列表项的定义以
    开始。

    例如:

    Coffee

    Black hot drink

    Milk

    White cold drink

    六、表单

    格式:

    input 元素

    例如:

    类型:

    textField -> text

    单选 -> radio

    复选 -> checkbox

    action:响应