>웹 프론트엔드 >HTML 튜토리얼 >30分钟入门HTML_html/css_WEB-ITnose

30分钟入门HTML_html/css_WEB-ITnose

WBOY
WBOY원래의
2016-06-24 11:40:39904검색

一、HTML标签

1.标题标签  

-

等标签进行定义的。

2.段落标签  

3.图片标签  30分钟入门HTML_html/css_WEB-ITnose

例如:30分钟入门HTML_html/css_WEB-ITnose

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

二、元素

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

例如:

元素

注意:
表示换行。


表示水平线。

三、属性

标签中包含了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:响应


  • 성명:
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.