HTML4学习笔记

最新推荐文章于 2024-07-24 16:53:23 发布

chenyu-max

最新推荐文章于 2024-07-24 16:53:23 发布

阅读量217

点赞数

分类专栏： # HTML/CSS 文章标签： html css markdown html5 面试

本文链接：https://blog.csdn.net/leowahaha/article/details/108224681

版权

HTML/CSS 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

HTML笔记

hyperText markup language 超文本标记语言

基础标签

一、html标签

<html></html>根标签
一个 HTML 文件里只能有一对 HTML 标签，其他所有的标签都必须写在 HTML 里边

二、head标签

<head></head>标签
可以理解为，里面装的是思想，编辑给浏览器的，人看不到，

三、body标签

<body></body>标签
里边装表皮，身体。展现给用户看的，

四、title标签

<title>标题</title>

title标签内包含的文字是网页标签所显示的名字

五、P标签

<p></p>

效果

段落标签，让内容成段展示，独占一行

六、h1~h6 标签（标签标题）

<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>

效果：

从 h1 到 h6 字号依次减小
独占一行，加粗字体，更改字体大小。

七、strong标签

<strong></strong>标签

效果

加粗字体
不独占一行

八、em标签

<em></em>标签

效果

斜体

如果想让文字内容既斜体又加粗，可以进行标签嵌套

九、del标签

<del></del>标签

效果

添加一条中划线

十、div标签

<div></div>块标签

效果

独占一行

十一、span标签

<span></span>标签

不独占一行

十二、ol li 标签

<ol>
    <li></li>
    <li></li>
    <li></li>
</ol>
有序列表

含有属性：

type
- type=“1”
- type=“A”
- type=“a”
- type=“i”
- type=“I”
start
- start=“number” 从第number个开始排序列表
reversed
- reversed=“reversed” 倒叙排序列表

十三、ul li 标签

<ul>
    <li></li>
    <li></li>
    <li></li>
</ul>
无序列表

含有属性：

type
- type=“disc” 实心圆，默认
- type=“square” 方块
- type=“circle” 空心圆

十四、img标签

<img src="" alt="" title="">

含有属性：

src 存放图片的地址
alt 图片的替代文字
title 鼠标移上去的图片提示文字

十五、a标签

<a href=""></a>

属性：

href
- href=“网页地址” 超链接，跳转至某网页
- href="#xxx" 锚点跳转，跳转到id名为xxx的标签位置
- href=“tel:xxxx” 电话链接，点击之后可以给相应电话号码拨打电话
- href=“mailto：xxx” 邮件链接，点击后给相应邮箱发邮件
- href=“javascript:” 协议限定符
target
- _self 当前标签页下打开（默认）
- _blank 新建一个标签页打开

十六、form表单

<form action="" method="GET">
    <!-- text、password 文本框，需要name属性，文本框中的内容为其value -->
    <p>username:<input type="text" name="username"></p>
    <p>password:<input type="password" name="password"></p>
    <h1>Choose Your Sex</h1>
    <!-- 单选框 radio 需要 name属性 和 value属性 -->
    <p>
        <!-- 为了提高用户体验，对单选框添加默认选中效果 -->
        male<input type="radio" name="sex" value="male" checked="checked">
        female<input type="radio" name="sex" value="female">
    </p>

    <h1>Choose The Fruit You Like</h1>
    <!-- 复选框,name属性需要相同，value属性需要添加 -->
    <p>
        apple<input type="checkbox" name="fruit" value="apple">
        orange <input type="checkbox" name="fruit" value="orange">
        banana <input type="checkbox" name="fruit" value="banana">
    </p>

    <h1>Choose Your Province</h1>
    <p>
        <!-- 下拉列表项，name在父级结构select中添加即可 -->
        <select name="province">
            <!-- value属性就是option属性中包裹的内容，如果在value属性中也添加属性值，则以value属性为准 -->
            <option value="浙江">浙江</option>
            <option>福建</option>
            <option>广州</option>
        </select>
    </p>
    <!-- 提交按钮，将form表单内容提交 -->
    <input type="submit">
</form>

html相关知识点

html编码

&nbsp;  <!-- 空格 -->
&lt;    <!-- 左尖角号 -->
&gt;    <!-- 右尖角号 -->

前端相关知识点

主流浏览器及其内核

浏览器名称	内核
Google Chrome	WebKit/blink
Firefox	Gecko
IE	trident
Safari	WebKit
Opera	presto

chenyu-max

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML4学习笔记

HTML笔记hyperText markup language 超文本标记语言基础标签一、html标签<html></html>根标签一个 HTML 文件里只能有一对 HTML 标签，其他所有的标签都必须写在 HTML 里边二、head标签<head></head>标签可以理解为，里面装的是思想，编辑给浏览器的，人看不到，三、body标签<body></body>标签里边装表皮，身体。展现给用户看的，四、t
复制链接

扫一扫