星空网 > 软件开发 > 网页设计

HTML入门基础

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

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 标签是由尖括号包围的关键词,比如 <html>

2)HTML 标签通常是成对出现,比如 <b> 和 </b>

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

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

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

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通用属性

属性描述
classclassname规定元素的类名(不是唯一的)
ididname规定元素的唯一id
stylestyle_definition规定元素的行内样式
titletext规定元素的额外信息(可在工具提示中显示)

 

 

 

 

 

 

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)

 

 

 




原标题:HTML入门基础

关键词:HTML

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

FBA配送费用大涨之后该怎么办?:https://www.goluckyvip.com/news/6078.html
Shopee在巴西的市场份额有望达到20%:https://www.goluckyvip.com/news/6079.html
3分钟,你就知道亚马逊/速卖通/eaby/wish/shopee开店多少钱!:https://www.goluckyvip.com/news/608.html
Lazada本土店铺注册及登录:https://www.goluckyvip.com/news/6080.html
TikTok海外造富:https://www.goluckyvip.com/news/6081.html
Instagram印度装机量激增,难撼TikTok地位:https://www.goluckyvip.com/news/6082.html
2022世界杯门票如何买?:https://www.vstour.cn/a/363182.html
沈阳到本溪的距离有多远?(详细路线及交通方式):https://www.vstour.cn/a/363183.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流