初识web,认识前端

1.html 基本

html指的是超文本标记语言 html不是一种编程语言,而是一种标记语言 标记语言是一套标记标签

网页的拓展名称是.html html使用标记标签来描述网页 caniuse.com 查询代码兼容浏览器

web的组组成部分 1.html结构 w3c 制定了结构 html的语法 标准 2.css表现 w3c 制定了结构 css的语法 标准 3.js行为 w3c ecma制定了行为标准

1.<head ></head>头部标签
<title ></title>标题标签常规标记:双标记
<标记 属性=“属性值” 属性=“属性值”></标记>
例如<title ></title>
空标记:单标记
<标记/>
<标记 属性=“属性值” 属性=“属性值”/>
例如<br/>
​
2.段落标签(p)
<p>段落标签内容</p>
标识一个段落(段落与段落之间有段间距)
​
3.换行(br)
<br/>
换行是一个空标记(强制换行)
​
4.水平线
<hr/>空标记
​
5加粗有两个标签(推荐strong)
<b>加粗内容</b>只是显示加粗
<strong>强调的内容</strong>突出文本
​
6.倾斜有两个标签(推荐em)
<em>强调文本</em>
<i>倾斜文本</i>
​
7.删除线有两个标签(推荐del)
<s>文本</s>删除线
<del>文本</del>删除线
​
8拓展
<u>文本</u>下划线
<sub></sub>下标
<sup></sup>上标
​
9.对齐方式
align="left"   "right"   "center"

2.不一般的hr

<hr color="red"  width="300px" align="right">
clolor===颜色
width===宽度
align===对其方式
noshade===取消阴影

3.特殊符号

尖角号 &lt;左尖角号

&gt;右尖角号

空格 &nbsp;该空格占据宽度受字体影响明显而强烈

&emsp;占据的宽度正好是一个中文宽度,且基本上不受字体的影响

版权 &copy; ©

商标 &trade; ™

&reg;®

4.div和span标签

span,没有实际意义,主要应用在对于文本独立修饰的时候,内容有多宽就占据多宽的空间距离

是行内元素 只能设置边距的左右边距,不能设置上下边距。

div,没有具体含义,用来划分页面的区域,独占一行

5.列表

1.有序列表
<ol>
    <li></li>
    <li></li>
    <li></li>
</ol>
li里可以随意放标签,但是ol里只能放li标签
数字是自动生成的
type:1,a,A,i,I   <ol type="a" start="1"></ol>
start:取值只能是一个数字
   type 确定排列符号  start决定从第几个开始
    
2.无序列表
    <ul>
        <li></li>
         <li></li>
         <li></li>
    </ul>
    快捷输入 ul>li{1111}*3
    1.ul里只能放li,li里面可以放其他标签
    2.默认的是黑色的实心圆
    3.type,  disc默认实心圆   circle空心圆    square正方形    none不显示标点(用的最多)
    list-style: none;
<ul type="none"></ul>
​
3,自定义列表
<dl>
    <dt>  图片</dt>
    <dd>  文字</dd>
</dl>
<dl>
    <dt>  图片</dt>
    <dd>  文字</dd>
</dl>
快捷键  dl>(dt+dd)*2
​
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值