html总结

1.html是超文本标记语言的简写(HyperText markup language),是最基本的网页语言

2.html的基本结构

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
</head>
<body>

</body>
</html>

3.文本标签

标题(h1~h6)
水平线(hr)
段落(p)
上下标(sup和sub)
换行(br)
原样输出(pre)
有序列表ol li
无序列表ul li
项目列表标签(dl dt dd)
行内标签(span)
块标签 (div)

4.常用的字符实体
这里写图片描述
这里写图片描述

5.多媒体

音视频标签格式: 属性:src 、和hidden
例子: src=”love.mp3” type=”” />

*6.链接标签<!--如果a标签没有写协议,就会启动file协议解释器去解释该资源路径-->
协议类型:
邮件协议:mailTo 45451875@qq.com
迅雷下载协议:thunder nihao.avi
定位:回到顶部 和 顶部 配合使用,一个属性是href,另一个是name

7.图片标签

格式:<img src="" alt="" />
src是指文件路径,alt是指在制定路径下找不到文件的时候,就会显示alt指定的文字

**8.table表
标题标签:<caption>,给表格提供标题
表头标签:<th>,一般对表格的第一行或者第一列进行格式化,就是粗体显示。并不常用。
行标签:<tr>
单元格标签:<td>,加载行标签的里面。可以简单理解为,先有行,在行中在加入单元格

<table border="1px" width="500px" height="200px" align="center">
        <caption>期末成绩</caption>
        <tr>
            <th>姓名</th>
            <th>分数</th>
            <th>人品</th>
        </tr>
        <tr align="center">
            <td rowspan="2">姓名1</td>            <!--行属性-->
            <td>分数</td>
            <td>人品</td>
        </tr>
        <tr align="center">

            <td>分数</td>
            <td>人品</td>
        </tr>
        <tr align="center">
            <td>姓名</td>
            <td colspan="3">分数</td>         <!--列属性-->
        </tr>
    </table>

9.html表单(别忘记name,不然表单数据上没有name的值)

<form action="" method="post"></form>       //action是提交表单的位置,method是制定提交的方法是get,还是post
    表单域:
        <input type="" name="" />
    表单按钮:
        <input type="submit" value="提交"/>
        <input type="reset" value="重置"/>
    单选按钮:(如果需要默认选中,就需要添加属性checked="true")
        男<input type="radio" value="man" name="sex" checked="true"/><input type="radio" value="woman" name="sex"/>
    复选框
        篮球<input type="checkbox" name="hobby" value="baskerball" checked="true"/>
        足球<input type="checkbox" name="hobby" value="football"/>
        排球<input type="checkbox" name="hobby" value="volleyball"/>
    下拉框
        <select name="city" id="">
            <option value="sz">深圳</option>
            <option value="bj" selected="true">北京</option>
            <option value="sh">上海</option>
        </select>
    文本输入域
        <textarea name="" id="" cols="30" rows="10"></textarea>

面试问题:get和post的区别是什么?

    get会在浏览器的地址栏显示提交的内容,而且大小也有限制,不能超过1kb,提交敏感数据不安全
    post在浏览器地址栏不会显示提交内容,大小无限制,提交敏感数据时安全
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML 标签自带样式总结: 1. `<h1>` - `<h6>` 标签:自带字体大小和加粗样式。 ``` <h1>这是一个h1标签</h1> <h2>这是一个h2标签</h2> <h3>这是一个h3标签</h3> <h4>这是一个h4标签</h4> <h5>这是一个h5标签</h5> <h6>这是一个h6标签</h6> ``` 2. `<p>` 标签:自带行间距和首行缩进样式。 ``` <p>这是一个段落。</p> ``` 3. `<a>` 标签:自带链接样式。 ``` <a href="https://www.example.com">这是一个链接</a> ``` 4. `<ul>` 和 `<ol>` 标签:自带列表样式。 ``` <ul> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> </ul> <ol> <li>有序列表项1</li> <li>有序列表项2</li> <li>有序列表项3</li> </ol> ``` 5. `<img>` 标签:自带图片样式。 ``` <img src="example.jpg" alt="示例图片"> ``` 6. `<strong>` 和 `<em>` 标签:自带加粗和斜体样式。 ``` <strong>这是一个加粗文本。</strong> 这是一个斜体文本。 ``` 7. `<blockquote>` 标签:自带缩进和引用样式。 ``` <blockquote> <p>这是一个引用文本。</p> </blockquote> ``` 8. `<pre>` 标签:自带等宽字体和行间距样式。 ``` <pre> 这是一个预格式化文本。 </pre> ``` HTML 样式总结: 1. 内联样式:使用 `style` 属性来定义样式。 ``` <p style="color: red; font-size: 18px;">这是一个红色的段落。</p> ``` 2. 内部样式表:使用 `<style>` 标签来定义样式。 ``` <head> <style> p { color: red; font-size: 18px; } </style> </head> <body> <p>这是一个红色的段落。</p> </body> ``` 3. 外部样式表:使用外部 CSS 文件来定义样式。 ``` <head> <link rel="stylesheet" href="styles.css"> </head> <body> <p class="red">这是一个红色的段落。</p> </body> ``` 其中,`styles.css` 文件内容为: ``` p { color: red; font-size: 18px; } .red { color: red; } ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值