HTML——案例总结

最新推荐文章于 2024-05-31 10:24:04 发布

喜乐ll

最新推荐文章于 2024-05-31 10:24:04 发布

阅读量71

点赞数

分类专栏：笔记文章标签： html 前端

本文链接：https://blog.csdn.net/m0_63341952/article/details/121046658

版权

笔记专栏收录该内容

8 篇文章 0 订阅

订阅专栏

知识点总结

1.`<strong> <b>`加粗文字

2.`<em> <i>`斜体文字

3.`<table></table>`大表框

`<tr></tr>`行标签
`<td></td>`单元格
`<th></th>`表头单元格

4.无序列表

<！doctype html>
<html>
<head>
      <title>案例总结</title>
</head>
<body>
     <h4>你喜欢的糖有哪些</h4>
     <ul>
         <li>德芙</li>
         <li>不二家</li>
         <li>士力架</li>
      </ul>  
</body>
</html>

5.有序列表

<ol>
   <li>画画</li>
   <li>旅游</li>
   <li>拍照</li>
 </ol>

结果：
1.画画

在有序列表中会自动排列顺序

6.自定义列表

<dl>
    <dt>关注我们</dt>
    <dd>新浪微博</dd>
    <dd>官方微信</dd>
    <dd>联系我们</dd>
</dl>

结果：
关注我们
新浪微博
官方微信
联系我们

7.单选框

<input type="radio">男 <input type="radio">女 *此时运行结果男女二者军可选*

<input type="radio" name="sex">男
<input tyoe="radio" name="sex">女
此时二者只能选择其中的一个

在radio，单选框中，通过设置相同的name来规定只能选择一个

8.复选框

<input type="checkbox">吃饭
<input tyoe="checkbox">睡觉
<input type="checkbox">打豆豆

属性name value的区别

name:1.作为一个标识，通过name获取元素的值
2.name时表格元素的名字，上面的性别单选按钮必须有相同的名字，才能实现多选一。
value：1.规定input元素的值
2. 用于接受数据，比如修改，显现出来在修改
3. 查询，查询出来的数据显示在页面上

form

功能：用于创建一个表单

<!doctype html>
<html>
<head>
<title>菜鸟教程<title>
</head>
<body>
<form action="demo-form.php">
first name:<input type="text" name="firstname"><br>
last name:<input type="text" name="lastname"><br>
<input type="submit" value="提交">
</form>
<p>点击“提交”按钮，表单数据将被发送到服务器上的“demo-form.php"。</p>
</body>
</html>

喜乐ll

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML——案例总结

知识点总结1.<strong> <b>加粗文字2.<em> <i>斜体文字3.<table></table>大表框<tr></tr>行标签<td></td>单元格<th></th>表头单元格4.无序列表<！doctype html><html><head> <title>案例总结<
复制链接

扫一扫