随笔 - 5  文章 - 0  评论 - 1  阅读 - 193

2022-07-09 第九小组 高小涵 学习笔记

知识点:

html:文档的根标签
head:头,标签处。
title:适配搜索引擎。meta charset=utf-8
link:链接css的,引入css样式
style:定义css样式
script:定义js,也可以引入js


基本标签:
h1~h6:标题标签,字体变大,变粗,变黑,上下空一行
p:段落,上下空一行
br:换行,一个br就是一个回车。

****超级链接:a(重要)
    href:要去的地方
        http地址(完整域名):带有http或https的完整网址
        默认的方式去到当前项目下某一个页面(地址)
            ../:返回上一级目录
            ./:当前目录(不需要写)
    target:目标。怎么打开目标地址
        _blank:在新窗口打开
        _self:在当前窗口打开(默认)
        _parent、_top:在父容器(顶级父容器)打开
    title:标题,当鼠标悬停在标签上出现的提示文字

图片:img
    src:图片的路径
    height、width:宽和高(尽量指定一个属性,等比例缩放)
    title:
    alt:图片无法正常加载的提示文字
    align:对齐方式

区块/空白:
    div:块。立方体,可以有宽高
    span:行。没有宽和高。尺寸是根据内容确定
无序列表:
    <ul>
        <li></li>
    </ul>
有序列表:
    <ol>
        <li></li>
    </ol>

自定义列表:
    <dl>
        <dt></dt>
        <dd><dd>
    </dl>

***表格:

table>tr>td

align="center"居中

cellspacing:表格空隙

border:单元格个数

width:宽
height:长

合并只能在 <td>中合并
纵向合并:rowspan
横向合并:colspan

***表单:

form{

 <input type="text">
文本域:
1.用户名:<input type="text"  name="firstname">
 

 

2.性别:<input type="radio"name="gender"value="man">男
            <input type="radio" name="gender" value="woman">女

加checked自动选中

 

 

 3.密码:<input type="pastword" name="pwd">

加placeholder="密码不能小于六位"  字体无法选中

 

 

 

4.

 爱好:<input type="checkbox">游泳

           <input type="checkbox">足球

            <input type="checkbox">篮球

 

 

5.

   家庭住址:
           <select name="sheng">
              <option value="ji">吉林省</option>
              <option value="ln">辽宁省</option>
           </select>


           <select name="shi">
            <option value="cc">长春市</option>
            <option value="sy">沈阳市</option>
           </select>


           <select name="qu">
            <option >朝阳区</option>
            <option >皇姑区</option>
           </select>

6.

 <input type="submit" value="注册">
 

 

 

<select name="">
            <option >xxxx</option>
            <option >xxxx</option>
 </select>
按钮:
         <input type="submit" value="注册">
         <input type="reset" value ="重置">
         <input type="button" value="自定义">
       
         <button type="submit">注册</button>
         <button type="reset">重置</button>
         <button type="button">自定义</button>

}

audio音频
video视频

 

posted on   汉堡h  阅读(64)  评论(0编辑  收藏  举报
编辑推荐:
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
阅读排行:
· 终于写完轮子一部分:tcp代理 了,记录一下
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示