什么是 HTML?
HTML 是用来描述网页的一种语言。
- HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 标签
- HTML 标签是由尖括号包围的关键词,比如 <html>
- 常见的标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML</title>
</head>
<body>
<!---输入框-->
<input type="text" value="输入框">HTML元素</input><br>
<!---选择框-->
<input type="checkbox" name="">选择框</input><br>
<!---选择框-->
<input type="checkbox" name="">选择框</input><br>
<!---单选/多选-->
<input type="radio" name="sex">单选/多选框</input><br>
<!---按钮-->
<input type="button" value="登陆">按钮</input><br>
<!---文件上传-->
<input type="file"/> <br>
<!---密码输入框-->
<input type="password" name=""/><br>
<select>
<option>语文</option>
<option>数学</option>
<option>英语</option>
</select><!---下拉框-->
<a href="https:baidu.com">百度</a><!---超链接-->
</body>
<!--表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),-->
<table border="1">
<tr><td>111</td><td>111</td></tr>
<tr><td>222</td><td>222</td></tr>
<tr><td>333</td><td>333</td></tr>
</table>
<!--图像标签(<img>)和源属性(Src)-->
<img src="C:\Users\a\Pictures\1630674722108.jpg" width="66" height="66"/><br>
<!--文本域-->
<textarea rows="10" cols="50"></textarea>
<!--加粗标签-->
<b>测试</b>
<!--换行-->
<br>
<!--段落-->
<p>这是一个段落</p>
<!---注释-->
<!--无序列表始于 <ul> 标签。每个列表项始于 <li>-->
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
<!--有序列表始于 <ol> 标签。每个列表项始于 <li> 标签-->
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
<!--自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。-->
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
<!--
HTML 块元素
大多数 HTML 元素被定义为块级元素或内联元素。
编者注:“块级元素”译为 block level element,“内联元素”译为 inline element。
块级元素在浏览器显示时,通常会以新行来开始(和结束)。
例子:<h1>, <p>, <ul>, <table>
HTML 内联元素
内联元素在显示时通常不会以新行开始。
例子:<b>, <td>, <a>, <img>
-->
<!--<div> 元素是块级元素,它是可用于组合其他 HTML 元素的容器 -->
<div>
<h1>qq</h1>
</div>
<div><h2>ddd</h2></div>
<!--iframe内联框架,iframe 用于在网页内显示网页。-->
<iframe src="https://www.w3school.com.cn/html/html_blocks.asp" width="200" height="200"></iframe>
</html>
HTML 元素
HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。
HTML 属性
HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
属性总是以名称/值对的形式出现,比如:name="value"。