当前位置:Gxlcms > html代码 > 30分钟入门HTML_html/css_WEB-ITnose

30分钟入门HTML_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:15人阅读

一、HTML标签

1.标题标签

-

等标签进行定义的。

2.段落标签

3.图片标签

例如:

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

二、元素

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

例如:

元素

注意:
表示换行。


表示水平线。

三、属性

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

例如: 超级链接

1.样式

作用:用来修饰元素。

格式:<标签 style="属性:值">元素

例如:

样式变了

2.target

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

例如:<标签 href="url" target="_black">在新的浏览器窗口打开链接

2.超链

作用:跳转url

格式:<标签 href="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

    六、表单

    格式:

    例如:

    类型:

    textField -> text

    单选 -> radio

    复选 -> checkbox

    action:响应

    人气教程排行