Html复习---狂神说Java笔记

Html复习---狂神说Java笔记

  • Html
    • 标签
    • 锚链接
    • 有序标签orderList
    • 无序列表 ul
    • 自定义列表 dl
    • table 表
    • 媒体元素学习
    • 页面结构
    • 内联框架
    • 表单

Html

标签

<hr/>换行标签
<strong>strong>strong>加粗
    <em>em>斜体
 空格
<小于
>大于
©版权符号

锚链接

1. 锚标记
2. 跳转到标记
<a name="top">顶部a>1. //锚标记
<a href="#top">回到顶部a>//2. 跳转到标记
功能性标签  邮件标签 
<a href="mailto:[email protected]">点击联系我a>

有序标签orderList

<ol>
    <li>li>
    <li>li>
    <li>li>
    <li>li>
ol>

无序列表 ul

<ul>
    <li>li>
    <li>li>
    <li>li>
    <li>li>
ul>

自定义列表 dl

dl:标签
dt 列表名称
dd:列表内容
用于网站底部

<dl>
    <dt>学科dt>
    <dd>Javadd>
    <dd>pythondd>
    <dd>Linuxdd>
    <dd>cdd>
    
    <dt>位置dt>
    <dd>莱芜dd>
    <dd>济南dd>
    <dd>乌鲁木齐dd>
dl>

table 表

<table>
    <tr rowspan="3">行  占三行
        <td colspan="2">td>列  占两列
    tr>
        <tr rowspan="3">行  占三行
        <td colspan="2">td>列  占两列
    tr>   
     <tr rowspan="3">
        <td colspan="2">td>
    tr>  
    <tr rowspan="3">
        <td colspan="2">td>
    tr>
table>

媒体元素学习

controls 视频控制条 快进,进度 声音
autoplay 点进去自动播放

<video src="1.mp4" controls autoplay>video>  
<audio src="1.mp3" controls autoplay>audio>

页面结构

<header>头部header>
<section>网页主题section>
<artical>独立的文章内容artical>
<footer>脚部footer>
<aside>相关内容或应用,侧边栏aside>
<nav>导航辅助内容nav>

内联框架

name:框架标识名
frameborder:边框

<iframe src="https://www.baidu.com" frameborder="0" width="1000px" height="800px"  name="hexipeng">iframe>   

点击之后页面在本页面显示,将frame当做容器

<iframe  frameborder="0" width="1000px" height="800px"  name="hexipeng">iframe>   
<a href="1.html" target="hexipeng">点击跳转a>   

表单

get:不安全,高效
post:安全,传输大文件。
 <form action="1.html" method="post">
     <input type="text" name="username">input>
form>

你可能感兴趣的:(html,html5)