HTML入门基础_html/css_WEB-ITnose

php中文网
发布: 2016-06-24 11:32:24
原创
1528人浏览过

前言:学了一段时间的前端,一直没有写博客的习惯,趁着最近学校组织的实训,把知识重新梳理一遍。知识点大部分来自老师上课学习笔记。

1、HTML是什么?

HTML 是用来描述网页的一种标记语言

1)HTML 指的是超文本标记语言 (Hyper Text Markup Language)

2)HTML 不是一种编程语言,而是一种标记语言 (markup language)

立即学习前端免费学习笔记(深入)”;

3)标记语言是一套标记标签 (markup tag)

4)HTML使用标记标签来描述网页

2、HTML可以做什么?

HTML 标记标签通常被称为 HTML 标签 (HTML tag)

1)HTML 标签是由尖括号包围的关键词,比如

2)HTML 标签通常是成对出现,比如

3)标签对中的第一个标签是开始标签,第二个标签是结束标签

4)不区分大小写(W3C建议全小写)

5)特例:开始即结束(不需要包含内容的标签)

3、代码实例

 

 1 <!DOCTYPE><!—解决HTML5的兼容 --> 2 <html> 3     <head> 4         <title>第一个实例</title> 5         <meta charset="utf-8"/><!—注意charset与保存格式匹配 --> 6         <!—JS、CSS --> 7     </head> 8      9     <body>10         网站信息11         <!—JS 可以,但不建议-->12     13     14     </body>15 </html>
登录后复制

 

 4、HTML通用属性

属性 描述
class classname 规定元素的类名(不是唯一的)
id idname 规定元素的唯一id
style style_definition 规定元素的行内样式
title text 规定元素的额外信息(可在工具提示中显示)

 

 

 

 

 

 

5、布局

 1、Table布局、DIV+CSS布局、框架布局(Extjs、jQuery)

<!DOCTYPE><!—解决HTML5的兼容 --><html>    <head>        <title>基础 表格</title>        <meta charset="utf-8"/><!—注意charset与保存格式匹配 -->        <!—JS、CSS -->    </head>        <body>        <table border="1" height="300" width="300" align="center">            <caption>我的表格</caption>            <tr>                <th>1</th>                <th>2</th>                <th>3</th>                <th>4</th>                <th rowspan="4">5</th>            </tr>            <tr>                <td>1</td>                <td colspan="3" rowspan="2">2</td>            </tr>            <tr>                <td>1</td>                                                    </tr>            <tr>                <td>1</td>                <td>2</td>                <td>3</td>                <td>4</td>                            </tr>            <tr>                <td>1</td>                <td>2</td>                <td>3</td>                <td>4</td>                <td>5</td>            </tr>        </table>            </body></html>
登录后复制

 

 6、表单

组件、action、method(get、post)

 

【温馨提示】关于前端的一些帮助文档可以到百度云盘下载。链接: http://pan.baidu.com/s/1bhHPUI 密码: ncav。

 

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号